/* ============================================================
   À sec, à flot — les jetons, et rien d’autre.
   Extrait de charte.css le 02/09/2026. La charte porte l’en-tête, le
   pied et la navigation : une carte en plein écran ne peut pas la
   charger sans casser sa mise en page. Elle charge ce fichier-ci, et
   la couleur du site garde une source unique.
   Se charge APRÈS le <style> de chaque page : ses valeurs gagnent.
   Trois états : clair (défaut), sombre système, choix explicite.
   ============================================================ */

:root {
  /* nuancier 1a — thème clair */
  --papier: #EFF2F4;
  --surface: #FFFFFF;
  --surface2: #E2E8EC;
  --encre: #131A20;
  --muet: #566672;
  --ligne: #CFD9E0;
  --crue: #17405F;
  --crue-vive: #2E6BB8;
  --etiage: #8A5A12;
  --etiage-vif: #A8700F;
  --ocre: #8A5A12;
  --ocre-vif: #A8700F;
  --record: #8C1A0F;
  --attente: #74838E;
  --vert: #2E5D46;
  --alerte: #A8321C;
  --violet: #5B3F94;
  /* etats d'un diagnostic — le rouge --record reste reserve au 18/112 */
  --etat-expose: #D9431C;
  --etat-verifier: #C98A1F;
  --etat-couvert: #2E5D46;
  --etat-inconnu: #9A968D;
  /* bandes de fond : elles decoupent la page en zones lisibles */
  --bande-flot: #E8EFF5;
  --bande-sec: #F4EDE0;
  /* le récit et l’instrument */
  --serif: "Newsreader", Georgia, "Times New Roman", serif;
  --sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --mono: "IBM Plex Mono", ui-monospace, monospace;
  /* alias historiques utilisés par les pages */
  --sec: var(--etiage);
  --sec-vif: var(--etiage-vif);
  --fond: #EFF2F4;
  --muted: #566672;
  --enc: #131A20;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    --papier: #0E141B;
    --surface: #141A21;
    --surface2: #1D252E;
    --encre: #EAEDF1;
    --muet: #8C9AA8;
    --ligne: #2A313B;
    --crue: #7FB2E5;
    --crue-vive: #7FB2E5;
    --etiage: #E0A94E;
    --etiage-vif: #E0A94E;
    --ocre: #E0A94E;
    --ocre-vif: #E0A94E;
    --record: #E06A55;
    --attente: #6E7680;
    --vert: #6FAF8C;
    --alerte: #E8734F;
    --violet: #A98CDB;
    --etat-expose: #E8734F;
    --etat-verifier: #E0A94E;
    --etat-couvert: #6FAF8C;
    --etat-inconnu: #8C9AA8;
    --bande-flot: #131C25;
    --bande-sec: #221C12;
    --fond: #0E141B;
    --muted: #8C9AA8;
    --enc: #EAEDF1;
  }
}
:root[data-theme="sombre"] {
  --papier: #0E141B;
  --surface: #141A21;
  --surface2: #1D252E;
  --encre: #EAEDF1;
  --muet: #8C9AA8;
  --ligne: #2A313B;
  --crue: #7FB2E5;
  --crue-vive: #7FB2E5;
  --etiage: #E0A94E;
  --etiage-vif: #E0A94E;
  --ocre: #E0A94E;
  --ocre-vif: #E0A94E;
  --record: #E06A55;
  --attente: #6E7680;
  --vert: #6FAF8C;
  --alerte: #E8734F;
  --violet: #A98CDB;
  --etat-expose: #E8734F;
  --etat-verifier: #E0A94E;
  --etat-couvert: #6FAF8C;
  --etat-inconnu: #8C9AA8;
  --bande-flot: #131C25;
  --bande-sec: #221C12;
  --fond: #0E141B;
  --muted: #8C9AA8;
  --enc: #EAEDF1;
}
:root { --pic-eau: #17405F; --pic-sec: #A8700F; --pic-danger: #8C1A0F; --pic-attente: #74838E; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) { --pic-eau: #7FB2E5; --pic-sec: #E0A94E; --pic-danger: #F08573; }
}
:root[data-theme="sombre"] { --pic-eau: #7FB2E5; --pic-sec: #E0A94E; --pic-danger: #F08573; }