/* ==========================================================================
   3A-ARCHITECTURE — TOKENS
   Variables de design : couleurs, typographie, espacements, ombres, couches.
   Aucun sélecteur applicatif ici : uniquement des valeurs de référence.
   ========================================================================== */

:root {
  /* --- Couleurs de marque ------------------------------------------------ */
  --bordeaux:        #8B1A1A;
  --bordeaux-light:  #A52020;
  --bordeaux-dark:   #6A1010;
  --bordeaux-hover:  #C84040;

  /* --- Neutres minéraux -------------------------------------------------- */
  --blanc:        #F5F3EF;
  --blanc-pur:    #FAFAF8;
  --gris-clair:   #E8E5E0;
  --gris-moyen:   #B8B2A9;
  --gris-mineral: #6B6560;
  --noir:         #1A1715;
  --noir-doux:    #2C2825;

  /* --- Couleurs dérivées (usage transparent) ----------------------------- */
  --bordeaux-a08:  rgba(139, 26, 26, 0.08);
  --bordeaux-a20:  rgba(139, 26, 26, 0.20);
  --bordeaux-a35:  rgba(139, 26, 26, 0.35);
  --blanc-a04:     rgba(245, 243, 239, 0.04);
  --blanc-a10:     rgba(245, 243, 239, 0.10);
  --blanc-a28:     rgba(245, 243, 239, 0.28);
  --gris-moyen-a25:rgba(184, 178, 169, 0.25);
  --noir-a06:      rgba(26, 23, 21, 0.06);
  --noir-a12:      rgba(26, 23, 21, 0.12);

  /* --- Effet verre ------------------------------------------------------- */
  --glass-bg:     rgba(245, 243, 239, 0.65);
  --glass-border: rgba(245, 243, 239, 0.40);

  /* --- Typographie ------------------------------------------------------- */
  --font-serif:     'Cormorant Garamond', 'Times New Roman', Georgia, serif;
  --font-sans:      'Barlow', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-condensed: 'Barlow Condensed', 'Barlow', 'Arial Narrow', sans-serif;

  /* Échelle typographique fluide */
  --fs-display: clamp(3rem, 6.5vw, 6rem);     /*  48 →  96 px */
  --fs-h2:      clamp(2.25rem, 4vw, 3.5rem);  /*  36 →  56 px */
  --fs-h3:      1.375rem;                     /*  22 px       */
  --fs-lead:    clamp(1.0625rem, 2vw, 1.375rem);
  --fs-body:    0.9375rem;                    /*  15 px       */
  --fs-small:   0.8125rem;                    /*  13 px       */
  --fs-micro:   0.6875rem;                    /*  11 px       */
  --fs-nano:    0.625rem;                     /*  10 px       */

  --lh-tight: 1.12;
  --lh-body:  1.85;

  --ls-wide:   0.18em;
  --ls-wider:  0.28em;
  --ls-widest: 0.40em;

  /* --- Espacements ------------------------------------------------------- */
  --space-2xs: 0.25rem;
  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  1.5rem;
  --space-lg:  2.5rem;
  --space-xl:  4rem;
  --space-2xl: 6rem;

  /* Marges latérales de page et rythme vertical des sections */
  --gutter:          clamp(1.25rem, 5vw, 3.75rem);
  --section-padding: clamp(4rem, 9vw, 7.5rem);

  --content-max: 1440px;

  /* --- Élévations -------------------------------------------------------- */
  --shadow-sm: 0 8px 40px rgba(26, 23, 21, 0.12);
  --shadow-md: 0 16px 48px rgba(26, 23, 21, 0.07);
  --shadow-lg: 0 24px 60px rgba(26, 23, 21, 0.10);
  --shadow-dark: 0 24px 60px rgba(0, 0, 0, 0.45);

  /* --- Transitions ------------------------------------------------------- */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.30, 1);
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1);
  --t-fast:   0.2s;
  --t-medium: 0.35s;
  --t-slow:   0.7s;

  /* --- Divers ------------------------------------------------------------ */
  --radius-sm: 2px;
  --radius-md: 6px;
  --radius-lg: 12px;

  --nav-height: 72px;

  /* --- Couches (z-index) ------------------------------------------------- */
  --z-base:    1;
  --z-sticky:  100;
  --z-nav:     1000;
  --z-overlay: 1100;
  --z-grain:   9999;
  --z-intro:   10000;
}