/* ENGENDRÉ — ne pas éditer ici.
   Ce fichier est une copie de kit/verdier-jetons.css du dépôt atelierduverdier/site. Toute retouche faite ici sera écrasée : corriger la source, puis relancer outils/diffuser_kit.py. */
/* Les JETONS de la charte de l'Atelier du Verdier, et rien d'autre.

   Extrait de verdier.css par kit/extraire_jetons.py — ne pas éditer, ni
   ici ni dans la copie posée chez un satellite : corriger verdier.css et
   relancer l'extraction.

   Ce fichier est fait pour les sites qui ont DÉJÀ leur mise en page et ne
   veulent que les couleurs. Un site qui part de rien charge verdier.css
   en entier. */

:root{
  /* Le navigateur peut peindre son canevas, ses ascenseurs et ses widgets
     natifs dans les deux livrées — la <meta> d'entete.html le dit déjà
     avant même cette feuille, celle-ci le confirme pour les copies du kit
     qui n'auraient pas la balise. */
  color-scheme: light dark;
  --orange:#ff8a00; --orange-d:#e67a00; --orange-soft:#fff3e2;
  /* L'ENCRE ORANGE N'EST PAS L'ORANGE DE LA MARQUE, et c'est tout le
     propos de ce jeton. `--orange-d` tenait DEUX rôles à la fois : encre
     de texte, et fond de survol des boutons. Les deux tirent en sens
     contraire — plus on fonce pour que le texte se lise sur blanc, moins
     le texte foncé du bouton se lit sur le fond. Un seul jeton ne pouvait
     pas les tenir.
     Mesuré le 29/08/2026 : #e67a00 sur blanc donne 2,94:1, quand il en
     faut 4,5 pour du texte courant et 3 pour du gros. Or c'est la couleur
     des liens, des étiquettes de section, et des 31 GRANDS CHIFFRES qui
     sont l'argument de ce site : ils étaient l'élément le moins lisible
     de la page. #ac5b00 est le plus CLAIR qui tienne 4,5 sur les trois
     fonds où il se pose — blanc 4,94, --orange-soft 4,51, --bg-2 4,61 —
     à la teinte exacte de la marque (31,8°), qui ne bouge pas. */
  --orange-encre:#ac5b00;
  --slate:#2f3540; --slate-2:#3c434f;
  --bg:#ffffff; --bg-2:#f6f7f9; --bg-3:#eef0f3;
  --fg:#23272e; --fg-2:#5a626e; --fg-3:#858d99;
  --line:#e2e5ea; --line-2:#d3d8df;
  --card:#ffffff; --shadow:0 1px 2px rgba(20,25,35,.06),0 8px 24px rgba(20,25,35,.06);
  --tip:#eaf6ee; --tip-b:#3f9d5a; --warn:#fdf0e6; --warn-b:#e07a1f; --note:#eaf0fb; --note-b:#3f6fd1;
  --radius:14px; --maxw:1180px;
  /* LA MESURE : la largeur d'une ligne de TEXTE, qui n'est pas celle de la
     page. Sans elle, un paragraphe prenait les 1136 px de la colonne, soit
     154 signes par ligne (mesuré le 29/08/2026 sur la fiche du sabot,
     caractère moyen 7,17 px). Au-delà de ~80 l'œil rate la ligne suivante
     en revenant à gauche : on fatigue sans savoir pourquoi. 35rem donne 78
     signes — juste au-dessus du chapô du héros, qui en fait 73 et que
     personne n'a jamais trouvé trop étroit.
     EN REM, JAMAIS EN CH. `ch` mesure le glyphe « 0 », qui fait 11,39 px
     ici quand le caractère moyen en fait 7,17 : `70ch` ne livre pas 70
     signes mais 111. Deux règles de cette feuille étaient dans ce piège.
     Le rem, lui, suit la taille de texte choisie par le visiteur. */
  --mesure:35rem;
}

@media (prefers-color-scheme: dark){
  :root{
    --orange:#ff9a1f; --orange-d:#ffab45; --orange-soft:#3a2b12;
  /* Sur fond sombre l'encre n'a jamais manqué : 8,79:1 sur --card. */
  --orange-encre:#ffab45;
    --slate:#0f1215; --slate-2:#191d23;
    --bg:#14171b; --bg-2:#1a1e23; --bg-3:#22272e;
    --fg:#e6e9ee; --fg-2:#a8b0bc; --fg-3:#7c8592;
    --line:#2a3038; --line-2:#353c46;
    --card:#1b1f25; --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
    --tip:#17281c; --tip-b:#48a765; --warn:#2e2113; --warn-b:#e08b3a; --note:#161f30; --note-b:#5183e0;
  }
}

:root[data-theme="dark"]{
  --orange:#ff9a1f; --orange-d:#ffab45; --orange-soft:#3a2b12;
  /* Sur fond sombre l'encre n'a jamais manqué : 8,79:1 sur --card. */
  --orange-encre:#ffab45;
  --slate:#0f1215; --slate-2:#191d23;
  --bg:#14171b; --bg-2:#1a1e23; --bg-3:#22272e;
  --fg:#e6e9ee; --fg-2:#a8b0bc; --fg-3:#7c8592;
  --line:#2a3038; --line-2:#353c46;
  --card:#1b1f25; --shadow:0 1px 2px rgba(0,0,0,.3),0 10px 30px rgba(0,0,0,.35);
  --tip:#17281c; --tip-b:#48a765; --warn:#2e2113; --warn-b:#e08b3a; --note:#161f30; --note-b:#5183e0;
}

:root[data-theme="light"]{
  --orange:#ff8a00; --orange-d:#e67a00; --orange-soft:#fff3e2;
  /* L'ENCRE ORANGE N'EST PAS L'ORANGE DE LA MARQUE, et c'est tout le
     propos de ce jeton. `--orange-d` tenait DEUX rôles à la fois : encre
     de texte, et fond de survol des boutons. Les deux tirent en sens
     contraire — plus on fonce pour que le texte se lise sur blanc, moins
     le texte foncé du bouton se lit sur le fond. Un seul jeton ne pouvait
     pas les tenir.
     Mesuré le 29/08/2026 : #e67a00 sur blanc donne 2,94:1, quand il en
     faut 4,5 pour du texte courant et 3 pour du gros. Or c'est la couleur
     des liens, des étiquettes de section, et des 31 GRANDS CHIFFRES qui
     sont l'argument de ce site : ils étaient l'élément le moins lisible
     de la page. #ac5b00 est le plus CLAIR qui tienne 4,5 sur les trois
     fonds où il se pose — blanc 4,94, --orange-soft 4,51, --bg-2 4,61 —
     à la teinte exacte de la marque (31,8°), qui ne bouge pas. */
  --orange-encre:#ac5b00;
  --slate:#2f3540; --slate-2:#3c434f;
  --bg:#ffffff; --bg-2:#f6f7f9; --bg-3:#eef0f3;
  --fg:#23272e; --fg-2:#5a626e; --fg-3:#858d99;
  --line:#e2e5ea; --line-2:#d3d8df;
  --card:#ffffff; --shadow:0 1px 2px rgba(20,25,35,.06),0 8px 24px rgba(20,25,35,.06);
  --tip:#eaf6ee; --tip-b:#3f9d5a; --warn:#fdf0e6; --warn-b:#e07a1f; --note:#eaf0fb; --note-b:#3f6fd1;
}

:root{
  --sortie:cubic-bezier(.16,1,.3,1);        /* decelere longuement */
  --leve:0 2px 4px rgba(20,25,35,.05),0 14px 40px rgba(20,25,35,.10);
}

@media (prefers-color-scheme: dark){
  :root{ --leve:0 2px 6px rgba(0,0,0,.35),0 16px 44px rgba(0,0,0,.45) }
}

:root[data-theme="dark"]{ --leve:0 2px 6px rgba(0,0,0,.35),0 16px 44px rgba(0,0,0,.45) }

:root[data-theme="light"]{ --leve:0 2px 4px rgba(20,25,35,.05),0 14px 40px rgba(20,25,35,.10) }