/* ============================================================
   TOKENS — Zellij Studio · SYSTÈME UNIQUE
   ------------------------------------------------------------
   Décision de Latifa, 27/07/2026 :
   « on prend les polices de l'accueil et on les met partout ».

   Ce fichier ne fait qu'une chose : recopier les variables de la
   nouvelle page d'accueil pour que les 43 pages du site partent
   des MÊMES valeurs. Aucune police nouvelle, aucun choix à faire.
   Source : Experiments/Refonte_ERA_2026-07-27/styles.css (:root)

   Il est chargé APRÈS styles.css : c'est la surcouche qui reprend
   la main sans toucher aux 4 912 lignes existantes.
   ============================================================ */

:root {
  /* --- Couleurs : celles de l'accueil, à l'identique ---
     EXCEPTION assumée (décision de Latifa, 28/07/2026) : « pas de beige,
     fond blanc pur, la couleur vient des rubriques ». Les deux surfaces
     passent donc au blanc. La chaleur ne vient plus du papier : elle vient
     des couleurs de rubrique (sauge, bordeaux, olive, doré, rose). */
  --paper: #ffffff;
  /* Surface secondaire : un voile prune imperceptible, PAS un beige.
     Elle pilote 22 fonds de blocs via l'alias --warm ci-dessous. */
  --paper-2: #f7f5f7;
  --ink: #241722;
  --ink-soft: #5f4c5a;
  --plum: #371f31;
  --plum-deep: #221420;
  --bordeaux: #7b2c3f;
  --bordeaux-dark: #5e2231;
  --olive: #5b6135;
  --sauge: #8b9271;
  --gold: #a18a58;
  --rose: #d9a9b4;

  /* Alias : les anciens noms utilisés dans styles.css pointent
     désormais sur les couleurs de l'accueil. C'est ce qui met les
     43 pages à la même palette sans les réécrire. */
  --warm: var(--paper-2);
  --logo-paper: var(--paper-2);
  --muted: var(--ink-soft);
  --rubrique-bordeaux: var(--plum);
  --olive-dark: #3b4023;
  --line: rgba(94, 34, 49, 0.16);
  --shadow: 0 20px 55px rgba(36, 23, 34, 0.16);

  /* --- Typographie : les 2 polices de l'accueil, rien d'autre ---
     Newsreader aux titres · Instrument Sans au texte et à l'UI.
     30/07/2026 — Newsreader remplace Bodoni Moda partout, choix de Latifa après
     des retours de lectrices : une Didone perd ses déliés à l'écran, et monter
     la graisse creuse l'écart au lieu de le combler. Détail dans `fonts.css`.
     Repli en Georgia : c'est aussi un serif à contraste modéré, donc la page
     garde son allure si la police ne charge pas. Pas de Didot ici, ce serait
     retomber sur le défaut qu'on vient de corriger.
     ⚠️ Graisse utile : 200→800. Ne pas demander 900, ce serait clampé. */
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans: "Instrument Sans", -apple-system, BlinkMacSystemFont,
    ui-sans-serif, system-ui, "Segoe UI", sans-serif;
  --titre: var(--serif);

  /* --- Échelles et tempo : ceux de l'accueil --- */
  --navh: 76px;
  --wrap: 1280px;
  --ease: cubic-bezier(0.22, 0.7, 0.25, 1);
  --courbe: var(--ease);

  --pas-1: 4px;
  --pas-2: 8px;
  --pas-3: 16px;
  --pas-4: 24px;
  --pas-5: 32px;
  --pas-6: 48px;
  --pas-7: 64px;
  --pas-8: 96px;

  --rayon-petit: 8px;
  --rayon: 16px;
  --rayon-grand: 24px;
  --rayon-pilule: 999px;

  /* Longueur de ligne. `ch` = largeur du zéro, pas d'un caractère
     moyen : mesuré sur la vraie page, 68ch donnait 89 caractères
     par ligne, bien au-delà des 60-75 lisibles. 56ch ≈ 70. */
  --largeur-texte: 56ch;
  --largeur-page: min(var(--wrap), 92vw);

  --duree-courte: 160ms;
  --duree: 280ms;
  --duree-longue: 620ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duree-courte: 0ms;
    --duree: 0ms;
    --duree-longue: 0ms;
  }
}