/* ==========================================================================
   TOKENS — palette, typographie, rythmes, mouvements
   Toute la direction artistique se règle ici.
   ========================================================================== */

:root {
  color-scheme: dark;

  /* — Nuit — */
  --indigo-abysse: #14131f;   /* fond le plus profond (voile de transition) */
  --indigo-nuit:   #1f1d2c;   /* ciel haut des images */
  --bleu-nuit:     #2e2c40;   /* bleu nuit désaturé */

  /* — Terre — */
  --brun-profond:  #2a1a18;
  --brun-chaud:    #3b2420;
  --terracotta:    #9b5e48;   /* désaturé, jamais orange */
  --ocre:          #b8925f;
  --sable-sombre:  #7a5a45;
  --vieux-rose:    #a88580;

  /* — Lumière — */
  --creme:         #efe4d0;   /* texte principal, jamais blanc pur */
  --ivoire-doux:   #d8c8ae;   /* texte secondaire */
  --ivoire-voile:  rgba(239, 228, 208, 0.62);
  --filet:         rgba(216, 190, 150, 0.22); /* lignes fines */
  --filet-fort:    rgba(216, 190, 150, 0.45);

  /* — Typographie — */
  --font-titre: "Marcellus", "Cormorant Garamond", "Trajan Pro", Georgia, serif;
  --font-texte: "EB Garamond", "Cormorant Garamond", Garamond, Georgia, serif;
  --font-accent: "Cormorant Garamond", "EB Garamond", Georgia, serif;
  --font-conte: "Cormorant", "Cormorant Garamond", Georgia, serif; /* citations des heros uniquement — italique 300 */

  --t-nav:     0.72rem;
  --t-eyebrow: 0.78rem;
  --t-body:    clamp(1.06rem, 0.98rem + 0.3vw, 1.2rem);
  --t-lead:    clamp(1.3rem, 1.1rem + 0.8vw, 1.7rem);
  --t-h3:      clamp(1rem, 0.94rem + 0.3vw, 1.15rem);
  /* Système éditorial des blocs de contenu (Opportunités, Rejoindre, Candidats, Épreuves) */
  --t-ouverture:      clamp(1.7rem, 1.15rem + 2vw, 2.75rem);    /* grande phrase d'ouverture, italique */
  --t-ouverture-caps: clamp(1.45rem, 0.95rem + 1.9vw, 2.5rem);   /* même rôle, en capitales (optiquement équivalent) */
  --t-murmure:        clamp(1.25rem, 1rem + 0.9vw, 1.75rem);    /* phrase secondaire mystérieuse */
  --t-bloc:           clamp(1rem, 0.94rem + 0.3vw, 1.15rem);    /* titre d'un bloc (carte, registre) */
  --ls-bloc:          0.2em;
  --gap-niveaux:      clamp(24px, 3.2vw, 38px);                /* écart entre niveaux de texte d'un même bloc */
  --t-h1:      clamp(2rem, 1.3rem + 3vw, 3.9rem);

  --ls-nav:    0.32em;
  --ls-titre:  0.16em;
  --ls-eyebrow:0.42em;

  /* — Espace — */
  --gutter: clamp(16px, 5vw, 72px);
  --measure: 62ch;
  --header-h: 84px;

  /* — Mouvement — */
  --ease-soie: cubic-bezier(0.22, 0.61, 0.36, 1);
  --dur-page: 420ms;
  --dur-ui: 260ms;
}

@media (max-width: 1200px) {
  :root { --header-h: 64px; }
}