/* Design-Tokens aus docs/design/*.html (Stand 1. November 2026).
   Hell ist Standard. Dunkel folgt der Systemeinstellung, außer die Nutzerin hat in den Einstellungen
   fest „Hell“ oder „Dunkel“ gewählt; dann setzt der Server data-theme auf <html>. */

:root {
  color-scheme: light;
  --bg: #F5F1EA;
  --surface: #FFFDF9;
  --surface2: #EFEAE1;
  --text: #27231E;
  --muted: #6A6258;
  --border: #DDD5C8;
  --accent: #8F5419;
  --accent-soft: #F3E4D2;
  --on-accent: #FFFFFF;
  --ok: #2F6B45;
  --ok-soft: #E1EEDF;
  --warn: #7A4F00;
  --warn-soft: #F7EACB;
  --info: #2F5E8A;
  --info-soft: #E0E9F2;
  --err: #A63D2A;
  --err-soft: #F7DDD5;
  /* Papier im Scan bleibt auch im Dunkelmodus hell */
  --paper: #FFFFFF;
  --paper-ink: #27231E;
  --line: #D9D2C6;
  --scrim: rgba(39, 35, 30, 0.28);

  --font-sans: 'IBM Plex Sans', system-ui, sans-serif;
  --font-formula: 'IBM Plex Serif', serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #1B1916;
    --surface: #24211D;
    --surface2: #2D2924;
    --text: #EFE9E0;
    --muted: #ADA498;
    --border: #3B362F;
    --accent: #E3A868;
    --accent-soft: #3A2C1D;
    --on-accent: #1B1916;
    --ok: #8FCB9F;
    --ok-soft: #1F3326;
    --warn: #E8C26A;
    --warn-soft: #3A2F16;
    --info: #9BBFE3;
    --info-soft: #1D2B3A;
    --err: #F0A08C;
    --err-soft: #43251E;
    --paper: #F4F0E8;
    --line: #CFC7BA;
    --scrim: rgba(0, 0, 0, 0.45);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #1B1916;
  --surface: #24211D;
  --surface2: #2D2924;
  --text: #EFE9E0;
  --muted: #ADA498;
  --border: #3B362F;
  --accent: #E3A868;
  --accent-soft: #3A2C1D;
  --on-accent: #1B1916;
  --ok: #8FCB9F;
  --ok-soft: #1F3326;
  --warn: #E8C26A;
  --warn-soft: #3A2F16;
  --info: #9BBFE3;
  --info-soft: #1D2B3A;
  --err: #F0A08C;
  --err-soft: #43251E;
  --paper: #F4F0E8;
  --line: #CFC7BA;
  --scrim: rgba(0, 0, 0, 0.45);
}