/* ==========================================================================
   JETONS — LA SOURCE DE VÉRITÉ VISUELLE DE TOTODOC.
   Créé le 18/08/2026.

   ⚠ TOUTE VALEUR DE MARQUE SE DÉCLARE ICI, ET NULLE PART AILLEURS.
   Ni couleur, ni police, ni rayon, ni ombre en clair dans une autre feuille.
   Un contrôle le vérifie : `python3 tools/verifier-jetons.py`.

   POURQUOI CE FICHIER EXISTE. Jusqu'à ce jour, la même palette était déclarée
   quatre fois sous quatre noms :

     site.css          --marine  --cyan-fonce  --encre  --fond-doux  --bord
     tunnel.css        --navy    --blue        --text   --gray-bg    --border
     console-consult   --cs-accent (#0E7C99)   --cs-accent-clair (#14B2D9)
     tc-visio.css      --tcv-accent (#0E7C99)

   Neuf paires de synonymes, en anglais d'un côté alors que le projet est en
   français seul. Changer le cyan de la marque demandait de retrouver quatre
   déclarations dans quatre fichiers — et rien n'aurait signalé l'oubli d'une :
   la page se serait affichée, simplement d'une autre couleur.

   ⚠ `tunnel.css` déclarait ses variables sur `.tc-wrap` et non sur `:root`,
   pour que le vocabulaire de DG n'écrase pas celui de Totodoc. Avec UN SEUL
   vocabulaire, cette précaution n'a plus d'objet : les jetons sont sur
   `:root` et le tunnel en hérite comme le reste.

   ⚠ CE FICHIER SE CHARGE AVANT TOUS LES AUTRES, aux deux seuls endroits qui
   posent une feuille de style : `layouts/app.blade.php` et le socle autonome
   des pages d'erreur. `JetonsTest` échoue si l'un des deux l'oublie — même
   remède que `ParcoursStyleTest`, après la page de confirmation qui s'était
   affichée sans aucun style, en HTTP 200, tests au vert.
   ========================================================================== */

:root {
    /* ---------------------------------------------------------- la marque */
    --marine: #101F2D;          /* couleur du trait du logo — titres, texte fort */
    --marine-2: #1B3A55;        /* survols, dégradés */
    --cyan: #14B2D9;            /* accent du logo — DÉCORATIF uniquement (pas AA) */
    --cyan-fonce: #0E7C99;      /* accent LISIBLE (AA sur blanc) — bordures, boutons */
    --cyan-sombre: #0B6480;     /* survol du bouton principal */
    --cyan-voile: #E8F6FA;      /* fond d'un choix sélectionné */

    /* ------------------------------------------------- encre et surfaces */
    --encre: #22364A;           /* texte courant */
    --encre-2: #51677C;         /* texte secondaire (AA sur blanc et fonds pâles) */
    --fond: #FFFFFF;
    --fond-doux: #F2F9FC;       /* sections alternées, teinte cyan très pâle */
    --bord: #DCE9F0;

    /* ------------------------------------------------------------- états */
    --succes: #0A6E3D;          /* vert AA sur blanc (DG : #0a8a4a, trop clair) */
    --succes-fond: #E7F7EE;
    --succes-bord: #9FDDBA;
    --succes-texte: #135F35;
    --erreur: #A02C21;          /* rouge AA sur blanc */
    --danger: #B3261E;
    --alerte-fond: #FDF3F2;
    --alerte-bord: #F2D7D3;
    --alerte-texte: #7C2D26;
    --avertissement-fond: #FFF8E6;

    /* --------------------- listes de consultations (imitation DG, 18/08)
       Les lignes se lisent PAR LA COULEUR avant d'être lues par le texte :
       à démarrer = vert pâle, en cours = vert marqué, terminée = gris éteint.
       Valeurs REPRISES de `docs/dg-reference/console/vues/jour.php` (styles
       en tête de sa vue) — c'est une imitation, pas une interprétation. */
    --ligne-afaire: #EAFAF1;
    --ligne-afaire-survol: #DFF5E8;
    --ligne-encours: #CDEEDE;
    --ligne-encours-survol: #BFE8D3;
    --ligne-terminee: #F1F3F5;
    --ligne-terminee-survol: #E9EDF1;
    --encours-vif: #12924A;         /* pastille et libellé « en cours » */

    /* ------------------------------- poste de consultation (surface sombre)
       ⚠ SEUL écran sombre de Totodoc, comme chez DG. Le RESTE de la console
       est CLAIR — décision Julien du 17/08/2026, écart assumé avec DG dont
       toute la console est sombre (`body.tc-dark`). */
    --consult-fond: #0B1420;
    --consult-barre: #08111B;
    --consult-bord: #1E3350;
    --consult-texte: #E7F0F7;
    --consult-texte-2: #9DB3C8;
    --consult-survol: #14243A;

    /* ------------------------------------------ typographie et géométrie */
    --police: 'Nunito', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --rayon: 16px;
    --rayon-s: 10px;
    --ombre: 0 1px 2px rgba(16, 31, 45, .05), 0 8px 24px rgba(16, 31, 45, .07);
    --transition: 160ms ease;
    --largeur: 1120px;          /* ⚠ 1120 et non 1080 : écart voulu avec DG */
    --fiche-respiration: 26px;

    /* ⚠ `--hauteur-champ` N'EST PAS ICI, ET C'EST VOLONTAIRE.
       Il n'a JAMAIS eu de valeur globale : la hauteur commune des champs vient
       du repli `var(--hauteur-champ, 54px)` écrit dans `site.css`, et seuls
       deux composants la resserrent à 44 px dans LEUR portée — le tunnel et
       l'éditeur de CV.
       Le poser ici à 44 px, comme je l'avais fait le 18/08, faisait passer
       TOUS les champs de la console de 54 à 44 px. La comparaison des styles
       calculés ne l'a pas vu : ses cinq pages témoins ne contenaient aucun
       champ hors du tunnel, la console étant derrière l'authentification.
       Une valeur qui n'existe qu'en portée restreinte n'est pas un jeton. */
}