/*
 * ENGENDRÉ PAR tools/build-jetons.mjs — NE PAS ÉDITER.
 *
 * La source est web/src/style.css, la même que pour l'application et pour les jetons natifs.
 * Un visiteur qui passe d'une fiche d'exercice à l'application ne doit pas avoir l'impression de
 * changer de produit ; c'est cette identité-là que le fichier garantit, et la porte
 * « npm run verif:jetons » échoue à la première divergence.
 *
 * Pour changer une couleur : modifier la feuille de style, puis « node tools/build-jetons.mjs ».
 */

:root {
  color-scheme: light;
  --fond: #FAF6EF;
  --surface: #FFFFFF;
  --surface-2: #F4EEE2;
  --bord: #E9E0CF;
  --bord-fort: #D9CDB6;
  --texte: #231E15;
  --texte-2: #5E5645;
  --texte-3: #746C5D;
  --accent: #C24A18;
  --accent-texte: #FFFFFF;
  --danger: #C43B3B;
  --succes: #2E7D4F;
  --dom-entrainement: #C24A18;
  --dom-assiette: #3E7C4F;
  --dom-corps: #4A6B96;
  --palier-debutant: #6B6357;
  --palier-novice: #4F6E80;
  --palier-intermediaire: #1F7A68;
  --palier-confirme: #2A63B0;
  --palier-avance: #6B21C8;
  --palier-expert: #9A5B00;
  --palier-elite: #C24A18;
  --silhouette-fond: #F1EADB;
  --silhouette-inactif: #DED3BE;
  --rayon: 18px;
  --ombre: 0 1px 2px rgba(60,45,25,.05), 0 8px 24px -12px rgba(60,45,25,.12);
}

:root[data-theme="sombre"] {
  color-scheme: dark;
  --fond: #191510;
  --surface: #221D16;
  --surface-2: #2B241B;
  --bord: #3A3226;
  --bord-fort: #4C4232;
  --texte: #F5F0E6;
  --texte-2: #C6BCA9;
  --texte-3: #938872;
  --accent: #E8763F;
  --accent-texte: #221207;
  --danger: #E5484D;
  --succes: #4CC17B;
  --dom-entrainement: #E8763F;
  --dom-assiette: #6FBF87;
  --dom-corps: #82A3CE;
  --palier-debutant: #ADA598;
  --palier-novice: #93B4C9;
  --palier-intermediaire: #4FC3A8;
  --palier-confirme: #7FB0EC;
  --palier-avance: #BD9AFA;
  --palier-expert: #E8B44A;
  --palier-elite: #F0864C;
  --silhouette-fond: #2B241B;
  --silhouette-inactif: #3D3427;
  --ombre: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]):not([data-theme="sombre"]) {
    color-scheme: dark;
    --fond: #191510;
    --surface: #221D16;
    --surface-2: #2B241B;
    --bord: #3A3226;
    --bord-fort: #4C4232;
    --texte: #F5F0E6;
    --texte-2: #C6BCA9;
    --texte-3: #938872;
    --accent: #E8763F;
    --accent-texte: #221207;
    --danger: #E5484D;
    --succes: #4CC17B;
    --dom-entrainement: #E8763F;
    --dom-assiette: #6FBF87;
    --dom-corps: #82A3CE;
    --palier-debutant: #ADA598;
    --palier-novice: #93B4C9;
    --palier-intermediaire: #4FC3A8;
    --palier-confirme: #7FB0EC;
    --palier-avance: #BD9AFA;
    --palier-expert: #E8B44A;
    --palier-elite: #F0864C;
    --silhouette-fond: #2B241B;
    --silhouette-inactif: #3D3427;
    --ombre: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);
  }
}