/* =========================================================
   KLS — Design tokens
   Source de vérité : couleurs, typographie, espacements, z-index.
   Aucune couleur en dur ailleurs : tout passe par ces variables.
   ========================================================= */

:root {
  /* --- Neutres — palette « Terre & Or » (chauds, orangés) --- */
  --noir:        #2E2318;   /* espresso chaud — « sombre adouci » (remplace le noir profond) */
  --noir-2:      #392C20;   /* surface sombre surélevée */
  --encre:       #40311F;   /* variante section sombre */
  --blanc:       #F8F1E7;   /* ivoire chaud (fond principal clair) */
  --blanc-pur:   #FFFFFF;
  --beige:       #F0E0D2;   /* bande sable rosé */
  --sable:       #E7D3BC;   /* carte / surface sur fond clair */
  --taupe:       #D8BF9F;   /* placeholder média (chaud, clair) */

  /* --- Or + Cuivre (teintes analogues) --- */
  --or:          #B5834C;   /* or / ambre — accent principal */
  --or-clair:    #D8B98A;   /* champagne chaud — accents & filets sur fond sombre */
  --or-fonce:    #8B5A2C;   /* or foncé — texte doré sur fond clair (contraste) */
  --cuivre:      #B26A47;   /* terre cuite / cuivre — accent analogue (sur fond clair) */
  --cuivre-clair:#D2916B;   /* cuivre clair — accent analogue (sur fond sombre) */

  /* --- Texte --- */
  --texte-fort:  #241A12;   /* titres sur fond clair */
  --texte:       #3A2C21;   /* corps sur fond clair (contraste élevé) */
  --texte-doux:  #6E5D4A;   /* secondaire sur fond clair */
  --sur-noir:    #F1E6D8;   /* texte sur fond sombre */
  --sur-noir-doux:#BCAB92;  /* secondaire sur fond sombre */

  /* --- Filets / bordures --- */
  --filet:       rgba(46, 36, 28, 0.12);
  --filet-fort:  rgba(46, 36, 28, 0.22);
  --filet-clair: rgba(241, 230, 216, 0.16);   /* sur fond sombre */
  --filet-or:    rgba(181, 131, 76, 0.45);

  /* --- Ombres (discrètes, jamais lourdes) --- */
  --ombre-carte: 0 24px 60px -32px rgba(46, 36, 28, 0.32);
  --ombre-nav:   0 12px 40px -24px rgba(46, 35, 24, 0.4);

  /* --- Typographie --- */
  --font-titre: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-corps: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Échelle de type fluide */
  --pas-hero:   clamp(2.9rem, 1.4rem + 6.4vw, 6rem);
  --pas-h2:     clamp(2.05rem, 1.3rem + 3vw, 3.4rem);
  --pas-h3:     clamp(1.4rem, 1.1rem + 1.1vw, 1.9rem);
  --pas-lead:   clamp(1.1rem, 1rem + 0.5vw, 1.35rem);
  --pas-corps:  0.9375rem;   /* 15px */
  --pas-label:  0.74rem;

  /* --- Espacements (base 8) --- */
  --e-1: 0.5rem;
  --e-2: 1rem;
  --e-3: 1.5rem;
  --e-4: 2.5rem;
  --e-5: 4rem;
  --e-6: 6rem;
  --e-7: 9rem;
  --section-y: clamp(5rem, 3rem + 8vw, 10rem);   /* rythme vertical des sections */

  /* --- Structure --- */
  --contenu:     1240px;   /* largeur max du contenu */
  --contenu-etroit: 760px;
  --gouttiere:   clamp(1.25rem, 0.5rem + 3vw, 4rem);
  --rayon:       2px;      /* coins quasi nets = plus haut de gamme (focus, skip-link) */
  --rayon-media: 4px;
  --rayon-btn:   9px;      /* arrondi doux des boutons */

  /* --- Mouvement --- */
  --ease:        cubic-bezier(0.22, 0.7, 0.24, 1);
  --ease-doux:   cubic-bezier(0.4, 0, 0.2, 1);
  --t-court:     220ms;
  --t-moyen:     420ms;
  --t-reveal:    900ms;

  /* --- Couches (z-index) --- */
  --z-base: 0;
  --z-media: 1;
  --z-contenu: 2;
  --z-nav: 100;
  --z-menu: 200;
  --z-overlay: 300;
}