/* ═══════════════════════════════════════════════════════════════════
   LA PALETTE DU SITE — treize couleurs, trois polices, une seule fois
   ───────────────────────────────────────────────────────────────────
   CE FICHIER EST CELUI QUE L'ADMINISTRATION ECRIT. L'onglet « Styles »
   de l'editeur y pose ce qu'on change ; `tools/gen-contenu.py` le
   reecrit a la publication. Rien d'autre ne doit y entrer : pas une
   regle, pas un selecteur, juste des jetons.

   ───────────────────────────────────────────────────────────────────
   POURQUOI IL EXISTE
   ───────────────────────────────────────────────────────────────────
   Ces jetons vivaient dans le `:root` de `assets/mdg.css`. Or UNE SEULE
   page charge mdg.css : l'accueil. learning-center, tarifs, atelier,
   uranus, document, 404 et les pages legales ne la chargent pas — elles
   portent chacune leur propre vocabulaire, ou n'en ont aucun et ecrivent
   les couleurs en dur.

   Consequence, mesuree avant d'ecrire ce fichier : changer le vert
   signature dans l'administration deplacait 205 emplois et en laissait
   341 sur l'ancien vert. Le site serait sorti en deux verts, et le
   defaut ne se serait vu qu'a l'oeil, page par page, apres coup.

   Une palette ne sert a rien si elle ne couvre pas le site. Celle-ci est
   chargee par TOUTES les pages, avant leurs propres styles — une page
   qui redefinit un jeton chez elle garde donc sa valeur, et rien n'a
   bouge le jour ou ce fichier est apparu.

   ───────────────────────────────────────────────────────────────────
   IL NE PORTE QUE CE QUI EST COMMUN
   ───────────────────────────────────────────────────────────────────
   `--font-mono`, `--r` et `--gutter` restent dans mdg.css : ce sont des
   mesures de mise en page de l'accueil, pas des decisions de couleur, et
   l'administration ne les propose pas. Un jeton ici est un jeton qu'on
   peut changer depuis l'editeur.
   ═══════════════════════════════════════════════════════════════════ */
:root{
  /* ── Systeme typographique MDG : trois voix ────────────────────
     display : Space Grotesk. Du caractere, tient a tres grande taille.
     body    : Archivo. Grotesque neutre, texture editoriale, s'efface.
               Remplace Inter : deux geometriques cousines (Space Grotesk
               + Manrope/Inter) se confondent a 16px sur fond noir et la
               hierarchie se perd.
     data    : Space Grotesk en chiffres tabulaires + tracking elargi.
               La couche donnee (compteurs, timecodes, index, horloge) se
               distingue par le traitement, pas par une 4e famille.
     accent  : Instrument Serif, un seul moment editorial par page.

     LA LISTE EST FERMEE : `assets/fonts.css` ne charge que ces trois
     familles. Une quatrieme s'afficherait dans la police de secours du
     visiteur, et le defaut ne se verrait pas sur la machine de qui l'a
     choisie — il l'a peut-etre installee. */
  --font-display:'Space Grotesk',sans-serif;
  --font-body:'Archivo',sans-serif;
  --font-accent:'Instrument Serif',serif;

  /* ── Fonds : du plus profond au plus haut ───────────────────── */
  --black:#060606;      /* le fond de page, derriere tout */
  --dark:#0e0e0e;       /* les bandes qui decoupent la page */
  --surface:#141414;    /* cartes, panneaux, champs */
  --surface2:#1c1c1c;   /* ce qui passe au-dessus : survol, menus */

  /* ── Textes : trois niveaux de lecture ──────────────────────── */
  --light:#f0ede8;      /* titres et corps de texte */
  --off:#aca7a2;        /* descriptions, legendes, intertitres */
  /* REMONTE DEPUIS #8b8b85 POUR PASSER LE SEUIL AA sur fond sombre
     aux petites tailles. La correction existait deja, mais deux fois
     et plus bas dans mdg.css : la palette annoncait #8b8b85, la page
     affichait #9b968f, et le jeton que l'editeur proposait de changer
     n'avait aucun effet sur l'accueil. Elle est ici, une fois. */
  --dim:#9b968f;        /* etiquettes, mentions, numeros */

  /* ── Vert signature MDG ────────────────────────────────────────
     Une seule couleur d'accent. Contraste 17,5:1 sur --black dans les
     deux sens : utilisable en fond de CTA avec du texte noir.
     Regle d'usage : UN seul aplat vert par ecran. Un second usage n'est
     tolere qu'en lineaire (trait, indicateur, timeline). Ce vert est une
     source de lumiere, pas une couleur de remplissage.

     `--accent-rgb` EST LA MEME COULEUR EN DECIMAL, pour les
     transparences : `rgba(var(--accent-rgb), .12)`. Elle se deduit,
     elle ne se saisit pas — gen-contenu.py la recalcule des que
     `--accent` change. La saisir a part, c'est garantir qu'un jour un
     halo restera sur l'ancien vert. */
  --accent:#E4FA5A;
  --accent-rgb:228,250,90;
  --accent-press:#CDE24C;   /* survol et clic */
  --accent-deep:#5C6B14;    /* vert sur fond clair : 5,0:1 sur --light */
  --accent2:#c8c8c8;        /* seconde voix, gardee en reserve */

  /* ── Traits : transparents, ils prennent ce qu'il y a dessous ── */
  --border:rgba(255,255,255,0.08);
  --border2:rgba(255,255,255,0.14);
}