/* La craie de la console : le thème clair de l'application, donné à la console.
 *
 * ─── POURQUOI UN FICHIER À PART ────────────────────────────────────────────
 *
 * Yann, le 07/10/2026 : « un mode craie dans la console ». Les couleurs de la
 * craie sont celles de l'application, et aucune autre : `themes.craie` de
 * `site/logique.js`, au caractère près, les dix-sept voiles que `palette()` en
 * tire (l'encre `voile` de la craie à la même transparence que la nuit), et
 * l'encre posée sur l'accent. `outils/jetons.test.mjs` le vérifie, jeton pour
 * jeton, comme il vérifie la nuit de `jetons.css`.
 *
 * Elles ne vont PAS dans `jetons.css` : ce fichier-là est partagé par les
 * trois faces (l'application l'emprunte, la vitrine le pose dans ses pages), et
 * il est la nuit d'avant que la logique tourne. La craie de l'application vit
 * dans sa logique ; celle de la console vit ici, et rien d'autre ne la lit.
 *
 * ─── COMMENT ELLE S'APPLIQUE ────────────────────────────────────────────────
 *
 * `admin/ton.js`, chargé en tête de la page avant tout rendu, pose
 * `data-ton="craie"` ou `data-ton="nuit"` sur `html` (le même nom que
 * l'application). Le premier bloc ne vaut que pour la craie, et il l'emporte
 * sur `jetons.css` par sa précision, quel que soit l'ordre des liens.
 *
 * ─── LA PORTE RESTE EN NUIT ─────────────────────────────────────────────────
 *
 * Comme celle de l'application (`site/un-seul-ton.test.cjs`) : elle porte le
 * logo et le tracé d'un terrain dessinés en or pour un fond sombre, et elle
 * vient AVANT que le choix du compte veuille dire quoi que ce soit. Le second
 * bloc lui rend les jetons de la nuit, ceux de `jetons.css` au caractère près
 * (l'épreuve les compare). Et tant qu'elle est ouverte, `body` les reprend
 * aussi : la bande « Base locale » et le canevas sous elle sont alors de la
 * même nuit qu'elle, au lieu d'une bande de papier sous une porte sombre.
 */
:root[data-ton="craie"]{
  --bg:#F4F2EC;
  --card1:#FFFFFF;
  --card2:#FFFFFF;
  --solid:#FFFFFF;
  --hair:rgba(18,24,34,.47);
  --ink:#121821;
  --mute:#5A6270;
  --accent:#1B47C8;
  --accentSoft:#17399F;
  --voile:#121821;
  --mute2:#5A6270;
  --lossText:#A82F42;
  --inkDoux:#121821;
  --or:#9A7320;
  --orFonce:#6B4E12;
  --wash:rgba(27,71,200,.08);
  --brass:#6F4F10;
  --inkOnBrass:#FFFFFF;
  --win:#157A52;
  --loss:#A82F42;
  --brassRvb:111,79,16;
  --ok:#157A52;
  --jaune:#7A6200;
  --toastErr:#FCEBEE;
  --toastInfo:#FFFFFF;
  --toastInfoTexte:#5C420F;
  --waTexte:#0B6B33;
  --surTerrain:#B9C6DA;
  --terrainRvb:255,255,255;
  --laitonPris:#5C420F;
  --laitonPrisHaut:#F3EAD6;
  --laitonPrisBas:#EADDBF;
  --laitonClair:#86621A;
  --barreHaut:#FBFAF6;
  --barreBas:#F1EEE6;
  --carteHaut:#FFFFFF;
  --carteBas:#FCFBF8;
  --caseCreuse:#F6F3EC;
  --verre:rgba(244,242,236,.9);
  --shadow:0 18px 34px -28px rgba(20,26,38,.4);
  --voile015:rgba(18,24,33,.015);
  --voile020:rgba(18,24,33,.02);
  --voile025:rgba(18,24,33,.025);
  --voile030:rgba(18,24,33,.03);
  --voile035:rgba(18,24,33,.035);
  --voile040:rgba(18,24,33,.04);
  --voile045:rgba(18,24,33,.045);
  --voile050:rgba(18,24,33,.05);
  --voile060:rgba(18,24,33,.06);
  --voile070:rgba(18,24,33,.07);
  --voile080:rgba(18,24,33,.08);
  --voile100:rgba(18,24,33,.1);
  --voile120:rgba(18,24,33,.12);
  --voile140:rgba(18,24,33,.14);
  --voile180:rgba(18,24,33,.18);
  --voile500:rgba(18,24,33,.5);
  --voile620:rgba(18,24,33,.62);
  --accentInk:#FFFFFF;
}
:root[data-ton="craie"] .porte,
:root[data-ton="craie"]:has(#porte:not([hidden])) body{
  --bg:#080F1C;
  --card1:rgba(255,255,255,.055);
  --card2:rgba(255,255,255,.015);
  --solid:#101B2E;
  --hair:rgba(255,255,255,.34);
  --ink:#F2F5FA;
  --mute:#93A3BC;
  --accent:#2C6BF2;
  --accentSoft:#8FB4FF;
  --voile:#FFFFFF;
  --mute2:#7888A3;
  --lossText:#F5A9B2;
  --inkDoux:#B9C6DA;
  --or:#E9CE8C;
  --orFonce:#8A6A22;
  --wash:rgba(44,107,242,.16);
  --brass:#C8A253;
  --inkOnBrass:#101B2E;
  --win:#4BD6A2;
  --loss:#F5717F;
  --brassRvb:200,162,83;
  --ok:#6FD49B;
  --jaune:#E8C34A;
  --toastErr:#2A1620;
  --toastInfo:#141C2C;
  --toastInfoTexte:#E4D2AE;
  --waTexte:#43D97B;
  --surTerrain:#B9C6DA;
  --terrainRvb:255,255,255;
  --laitonPris:#F4E2B5;
  --laitonPrisHaut:#2B2616;
  --laitonPrisBas:#1A1710;
  --laitonClair:#E3C27A;
  --barreHaut:rgba(6,12,23,.94);
  --barreBas:rgba(6,12,23,.82);
  --carteHaut:#121E33;
  --carteBas:#0C1526;
  --caseCreuse:#0B1424;
  --verre:rgba(8,15,28,.88);
  --shadow:0 24px 48px -34px rgba(0,0,0,.95);
  --voile015:rgba(255,255,255,.015);
  --voile020:rgba(255,255,255,.02);
  --voile025:rgba(255,255,255,.025);
  --voile030:rgba(255,255,255,.03);
  --voile035:rgba(255,255,255,.035);
  --voile040:rgba(255,255,255,.04);
  --voile045:rgba(255,255,255,.045);
  --voile050:rgba(255,255,255,.05);
  --voile060:rgba(255,255,255,.06);
  --voile070:rgba(255,255,255,.07);
  --voile080:rgba(255,255,255,.08);
  --voile100:rgba(255,255,255,.1);
  --voile120:rgba(255,255,255,.12);
  --voile140:rgba(255,255,255,.14);
  --voile180:rgba(255,255,255,.18);
  --voile500:rgba(255,255,255,.5);
  --voile620:rgba(255,255,255,.62);
  --accentInk:#FFFFFF;
}