/* ===================================================================
   MOLOW(R) - TOKENS DE DIRECTION ARTISTIQUE
   Source unique des variables du site. Charge AVANT style.css sur
   toutes les pages.

   1. Bloc deplace depuis style.css, a l'identique : memes valeurs,
      meme ordre. Le rendu existant est donc inchange.
   2. Bloc ajoute : valeurs jusqu'ici codees en dur, tokenisees pour
      l'alignement des autres pages sur la DA de index.html.

   Les tokens --nav-hover-* et les couleurs consommees par le menu
   sont repris tels quels : le menu est hors perimetre.
   =================================================================== */

/* -------------------------------------------------------------------
   1. TOKENS EXISTANTS (deplaces depuis style.css, inchanges)
   ------------------------------------------------------------------- */
:root {
  /* Palette imposée */
  --slate:        #242124;   /* fond principal */
  --cream:        #F2EFE8;   /* texte */
  --orange:       #FF4D00;   /* accents & actions */
  --blue:         #2447FF;   /* touche rare */

  /* Surfaces CLAIRES (palette : off-white + black) et leurs textes. */
  --paper-flat:   #F2EFE8;
  --ink:          #242124;
  --ink-dim:      rgba(36, 33, 36, 0.66);
  --ink-mute:     rgba(36, 33, 36, 0.48);

  /* Variantes tonales dérivées du slate pour la profondeur */
  --slate-deep:   #1E1C1E;
  --slate-deeper: #181618;
  --slate-soft:   #312D31;
  --slate-line:   #363236;

  /* Textes crème modulés */
  --cream-dim:    rgba(242, 239, 232, 0.66);
  --cream-mute:   rgba(242, 239, 232, 0.42);
  --cream-faint:  rgba(242, 239, 232, 0.16);
  --line:         rgba(242, 239, 232, 0.14);
  --line-strong:  rgba(242, 239, 232, 0.28);

  /* Typo */
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body:    "Hanken Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-marquee: "Archivo Black", "Hanken Grotesk", Arial, sans-serif;  /* grotesque noire (texte défilant) */

  /* Rythme */
  --pad-x:        clamp(1.5rem, 5vw, 6rem);
  --maxw:         1440px;
  --ease:         cubic-bezier(0.22, 1, 0.36, 1);
  --nav-hover-dur:     0.45s;  /* bascule d'une lettre (survol menu) */
  --nav-hover-stagger: 28ms;   /* décalage entre lettres (cascade) */
  --ease-soft:    cubic-bezier(0.4, 0, 0.2, 1);

  --header-h:     clamp(64px, 8vh, 92px);

  color-scheme: dark;
}


/* -------------------------------------------------------------------
   2. TOKENS AJOUTÉS — valeurs jusqu'ici codées en dur dans style.css.
      Aucune règle ne les consomme encore : les ajouter ne change donc
      RIEN au rendu actuel. Ils servent à l'alignement des autres pages.
   ------------------------------------------------------------------- */
:root {
  /* --- Voiles et surfaces --- */
  --veil-content:   rgba(36, 33, 36, 0.82);   /* voile de main.content */
  --veil-card:      rgba(20, 18, 20, 0.62);   /* voile de la dalle du footer */
  --line-ink:       rgba(36, 33, 36, 0.16);   /* filet sur fond clair */

  /* --- Rythme vertical --- */
  --space-section:  clamp(6rem, 14vh, 12rem); /* respiration d'une section */
  --space-block:    clamp(2.4rem, 7vh, 5rem); /* entre blocs d'une section */
  --space-tight:    clamp(1.4rem, 4vh, 2.4rem);

  /* --- Échelle typographique (voix d'affichage = Archivo Black) --- */
  --fs-display:     clamp(2.2rem, 6.4vw, 6rem);    /* titre de page */
  --fs-h2:          clamp(2rem, 4.9vw, 4.4rem);    /* titre de section */
  --fs-h3:          clamp(1.1rem, 1.8vw, 1.8rem);  /* sous-titre */
  --fs-label:       0.7rem;                        /* micro-libellé */
  --ls-display:     -0.01em;
  --ls-label:       0.22em;
  --lh-display:     0.94;

  /* --- Rayons --- */
  --r-pill:         100px;
  --r-card:         clamp(20px, 2.4vw, 40px);
  --r-sm:           14px;

  /* --- Mouvement --- */
  --dur-reveal:     0.9s;
  --dur-hover:      0.45s;
  --stagger:        90ms;

  /* --- Fond topographique animé (preset de la référence) --- */
  --topo-vitesse:   0.2;
  --topo-echelle:   0.6;
  --topo-densite:   3.6;
  --topo-intensite: 0.33;
}