/* Ekleya, tokens. Seul fichier où une couleur peut être écrite. Voir docs/PLAN.md, sections 3 à 5 et 15 (passe v2). */

:root {
  /* Palette verrouillée du brief */
  --fond: #F1F2F4;
  --fond-alt: #E9EBEE;
  --blanc: #FAFAFB;
  --encre: #15171A;
  --texte: #4A4F57;
  --secondaire: #8A9099;
  --filet: #DDE0E4;
  /* Ombre des écrans clients des réalisations : longue et douce, jamais un halo. */
  /* Voile posé sur un visuel nuit quand un texte doit s'y lire (manifeste sur téléphone). */
  --voile-nuit: rgb(21 23 26 / .82);
  --ombre-ecran: 0 28px 56px -32px rgb(21 23 26 / .32), 0 2px 8px rgb(21 23 26 / .06);
  --accent: #1A3AF5;        /* v2 : ne sert plus qu’au filet de la navigation active */
  --accent-survol: #0F28C4;

  /* État éteint du constat (v2, demandé) : 1,76:1 sur --fond, jamais un état final */
  --eteint: #B4B9C0;

  /* Nuit : sections sombres. Textes mesurés sur #15171A */
  --nuit: #15171A;
  --nuit-titre: #F1F2F4;    /* 16,03:1 */
  --nuit-texte: #B4B9C0;    /* 9,10:1 */
  --nuit-second: #8A9099;   /* 5,58:1 */
  --nuit-filet: #36393D;    /* acier du verre, L* 24 */

  /* Lavis : teintes échantillonnées dans les irisations du gros plan (tools/verre-teintes.py),
     très lavées (L* 92 à 94, chroma 6). Jamais d’ambre en fond : lavé, il retombe sur le crème interdit. */
  --lavis-cyan: #E1EEF6;    /* teinte 241, encre 15,19:1, texte 6,97:1 */
  --lavis-violet: #E8E9F5;  /* teinte 289, encre 14,88:1, texte 6,83:1 */

  /* Ambre des franges, échantillonné dans assets/src/verre-nuit.png : une pointe, jamais une surface.
     Réservé aux quatre mots porteurs du manifeste, 11,0:1 sur --nuit. */
  --ambre: #FCC066;

  /* Familles */
  --serif: "Newsreader", "Newsreader repli", Georgia, serif;
  --grotesque: "Host Grotesk", "Host Grotesk repli", Arial, sans-serif;

  /* Échelle v2 : les titres montent, le corps descend, la grotesque porte chiffres et étiquettes */
  --t-ouverture: clamp(2.75rem, 6.2vw, 7.5rem);
  --t-titre: clamp(3rem, 7.4vw, 8.75rem);
  --t-constat: clamp(1.625rem, 3.2vw, 3.375rem);
  --t-chiffre: clamp(5.5rem, 19vw, 20rem);
  --t-grand: clamp(1.1875rem, 1.55vw, 1.625rem);
  --t-texte: clamp(.9375rem, .92vw, 1.0625rem);
  --t-petit: .8125rem;
  --t-micro: .6875rem;

  /* Grille et rythme */
  --marge: clamp(20px, 4.5vw, 80px);
  --gouttiere: clamp(16px, 1.6vw, 28px);
  --largeur-max: 1760px;
  --pas: clamp(120px, 16vw, 260px);
  --h-entete: 64px;
  --mesure: 60ch;

  /* Mouvement */
  --courbe-sortie: cubic-bezier(.16, .84, .24, 1);
  --courbe-roulement: cubic-bezier(.2, .7, .1, 1);
  --courbe-eclair: cubic-bezier(.7, 0, .3, 1);
  --courbe-cta: cubic-bezier(.76, 0, .24, 1);
}

/* Téléphone : les étiquettes et les légendes remontent d'un cran. À 11 px, une capitale espacée
   devient dure à lire à bout de bras ; la hiérarchie, elle, ne change pas. */
@media (max-width: 719.98px) {
  :root {
    /* Le corps de texte passe à 16 px : c'est le confort de lecture attendu sur un téléphone. */
    --t-texte: 1rem;
    --t-petit: .875rem;
    --t-micro: .75rem;
  }
}