/* Les couleurs du site, en clair et en sombre. Toutes les feuilles s'en servent.
   Le sombre ne vaut qu'à l'écran : l'impression et les PDF restent en clair.
   Fonds colorés à texte blanc : --bleu, --vert, --orange, --rouge.
   Texte coloré sur le fond de la page : --accent, --lien, --vert-t, --rouge-t, --orange-t. */
:root {
  --texte: #1d2433; --gris: #5b6475; --fond: #fff; --carte: #fff; --bord: #d5dbe5;
  --bleu: #1f4e8c; --vert: #2e7d4f; --orange: #b4581a; --rouge: #b3261e;
  --accent: #1f4e8c; --lien: #1f4e8c; --vert-t: #276b43; --rouge-t: #b3261e; --orange-t: #b4581a;
  --surligne: #ffe680; --surligne-texte: #1d2433;
  --fond-vert: #eef7f1; --fond-rouge: #fdecea; --fond-orange: #fdf1e7;
  --svg-fond: transparent;
}
@media screen {
  :root[data-theme="dark"] {
    color-scheme: dark;
    --texte: #e4e8ef; --gris: #a4adbb; --fond: #11151c; --carte: #1a202b; --bord: #3a4456;
    --bleu: #2d5c9c; --vert: #2b7049; --orange: #b4581a; --rouge: #b33a33;
    --accent: #93b8ec; --lien: #93b8ec; --vert-t: #7fcfa2; --rouge-t: #f2918a; --orange-t: #f2a874;
    --surligne: #5c4d00; --surligne-texte: #fff2b3;
    --fond-vert: #15281d; --fond-rouge: #33191a; --fond-orange: #2c2016;
    --svg-fond: #e9edf3;
  }
  /* Les schémas sont dessinés pour un fond clair : en sombre, ils gardent un panneau clair. */
  :root[data-theme="dark"] svg { background: var(--svg-fond); border-radius: 0.5em; padding: 0.3em; }
}

/* Le bouton clair / sombre, ajouté par theme.js, en haut à droite. */
button.theme { position: absolute; top: 10px; right: 10px; width: 2.3em; height: 2.3em; margin: 0; padding: 0; border-radius: 50%;
  border: 1px solid var(--bord); background: var(--carte); color: var(--texte); font-size: 17px; line-height: 1; cursor: pointer; }
@media print { button.theme { display: none; } }