/* Thème capacity : jetons de couleur partagés (généré par maquette/generateur/assets.py) */
:root {
  --spectre-1: #FFD800;
  --spectre-2: #FFAF00;
  --spectre-3: #FF8205;
  --spectre-4: #FA500F;
  --spectre-5: #E10500;
  --police: 'Geist', system-ui, sans-serif;
  --police-mono: 'Geist Mono', ui-monospace, monospace;
  --bg: #FFFAF0;
  --surface: #FFFFFF;
  --line: #E6DCC8;
  --line-soft: #F1E9D8;
  --strong: #1A1714;
  --ink: #1A1714;
  --muted: #5E554A;
  --accent: #FA500F;
  --accent-text: #B23A00;
  --past: #F6EEDD;
  --blue: #1F4FA8;
  --empty: #EFE7D6;
  --good: #1F5F3A;
  --bad: #A11A0C;
  --warn-bg: #FFE8C7;
  --warn-ink: #5A2600;
  --ok-bg: #E3F1E7;
  --ok-ink: #173F28;
  --bad-bg: #FDE3DF;
  --bad-ink: #7A1408;
  --info-bg: #DCEBFF;
  --info-ink: #12376F;
  --sel: #FFF3DE;
  --on-ink: #FFFAF0;
  --fond-ecran: url('/static/assets/fonds/fond-clair.png');
  color-scheme: light;
}
/* sombre : choix explicite, ou réglage du système si aucun choix n'est mémorisé */
:root[data-theme="sombre"] {
  --bg: #12111F;
  --surface: #26243F;
  --line: #3D3A5C;
  --line-soft: #2F2C4D;
  --strong: #5A5775;
  --ink: #F4F1EA;
  --muted: #A9A3BA;
  --accent: #FA500F;
  --accent-text: #F28C34;
  --past: #2F2C4D;
  --blue: #8DB4FF;
  --empty: #34315A;
  --good: #7FD1A0;
  --bad: #FF8A7A;
  --warn-bg: #3A2A14;
  --warn-ink: #FFE3BF;
  --ok-bg: #1F3A2C;
  --ok-ink: #CFEFDB;
  --bad-bg: #3A1C1A;
  --bad-ink: #FFD9D2;
  --info-bg: #1E2D4D;
  --info-ink: #CFE0FF;
  --sel: #34315A;
  --on-ink: #12111F;
  --fond-ecran: url('/static/assets/fonds/fond-sombre.png');
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="clair"]) {
    --bg: #12111F;
    --surface: #26243F;
    --line: #3D3A5C;
    --line-soft: #2F2C4D;
    --strong: #5A5775;
    --ink: #F4F1EA;
    --muted: #A9A3BA;
    --accent: #FA500F;
    --accent-text: #F28C34;
    --past: #2F2C4D;
    --blue: #8DB4FF;
    --empty: #34315A;
    --good: #7FD1A0;
    --bad: #FF8A7A;
    --warn-bg: #3A2A14;
    --warn-ink: #FFE3BF;
    --ok-bg: #1F3A2C;
    --ok-ink: #CFEFDB;
    --bad-bg: #3A1C1A;
    --bad-ink: #FFD9D2;
    --info-bg: #1E2D4D;
    --info-ink: #CFE0FF;
    --sel: #34315A;
    --on-ink: #12111F;
    --fond-ecran: url('/static/assets/fonds/fond-sombre.png');
    color-scheme: dark;
  }
}
body { background: var(--bg); color: var(--ink); }