/* Farben, Abstaende, Schrift - hell und dunkel nach Systemeinstellung.
 * Akzent Koenigsblau (1.2.0). Kontraste prueft test/tokens.test.js - Farben nur hier aendern. */
:root {
  color-scheme: light dark;
  --hg: #f5f7fb;
  --flaeche: #ffffff;
  --flaeche-2: #edf1f8;
  --text: #111827;
  --text-leise: #4b5563;
  --rand: #d6dde8;
  --rand-stark: #7b8799;
  --akzent: #1a3fb3;
  --akzent-druck: #132f8c;
  --akzent-text: #ffffff;
  --akzent-hell: #e8eefc;
  --akzent-rand: #c3d1f7;
  --schalter-knopf: #ffffff;
  --schalter-knopf-an: #ffffff;
  --fokus: #1a3fb3;
  --fehler: #a8221a;
  --fehler-hg: #fbe9e7;
  --erfolg: #1d6430;
  --erfolg-hg: #e6f3e8;
  --warnung: #7a4f00;
  --warnung-hg: #fff3d6;
  --gruen: #1d7a3a;
  --gelb: #9a6a00;
  --rot: #b3261e;
  --abdunkeln: rgb(10 20 51 / 0.5);
  /* Diagramme (1.4): mindestens 3:1 gegen --flaeche */
  --diagramm-1: #1a3fb3;
  --diagramm-2: #0e7c86;
  --diagramm-3: #b35c00;
  --diagramm-4: #7a3fb3;
  --diagramm-5: #2f7d32;
  --diagramm-6: #b3265a;
  /* Glas-Stil (1.3.0): Verlauf im Hintergrund, Glas nur fuer die Bedienebene (ab 1.4 Karten deckend) */
  --verlauf-1: #dbe5ff;
  --verlauf-2: #c9d6ff;
  --verlauf-3: #f3f6fd;
  --glas: rgb(255 255 255 / 0.72);
  --glas-rand: rgb(255 255 255 / 0.85);
  --glas-schrift: #374151;
  --glas-deckend: #f8fafd;
  --unschaerfe: 18px;
  --schatten: 0 1px 2px rgb(16 24 40 / 0.05), 0 4px 14px rgb(16 24 40 / 0.06);
  --schatten-hoch: 0 6px 20px rgb(26 63 179 / 0.28), 0 2px 6px rgb(16 24 40 / 0.08);
  --radius: 14px;
  --radius-klein: 10px;
  --radius-rund: 999px;
  --abstand: 16px;
  --leiste-hoehe: 64px;
  --seitenleiste: 240px;
  --dauer: 150ms;
  --schrift: system-ui, -apple-system, "Segoe UI", Roboto, "Noto Sans", "Helvetica Neue", Arial, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root {
    --hg: #0d1117;
    --flaeche: #161b22;
    --flaeche-2: #1f2630;
    --text: #e8edf4;
    --text-leise: #9aa5b1;
    --rand: #2f3742;
    --rand-stark: #6b7684;
    --akzent: #8aa8ff;
    --akzent-druck: #a9c0ff;
    --akzent-text: #0a1433;
    --akzent-hell: #1a2550;
    --akzent-rand: #2c3f80;
    --schalter-knopf: #e8edf4;
    --schalter-knopf-an: #0a1433;
    --fokus: #a9c0ff;
    --fehler: #ff9b92;
    --fehler-hg: #3b1e1c;
    --erfolg: #8fd9a0;
    --erfolg-hg: #1b3322;
    --warnung: #f3c969;
    --warnung-hg: #3a2f14;
    --gruen: #6fd18c;
    --gelb: #f0c24e;
    --rot: #ff8a80;
    --abdunkeln: rgb(0 0 0 / 0.6);
    --diagramm-1: #8aa8ff;
    --diagramm-2: #5fd3dc;
    --diagramm-3: #f0a35e;
    --diagramm-4: #c4a1ff;
    --diagramm-5: #7fd38a;
    --diagramm-6: #ff8fb4;
    --verlauf-1: #16224a;
    --verlauf-2: #0d1430;
    --verlauf-3: #0b1020;
    --glas: rgb(22 27 34 / 0.8);
    --glas-rand: rgb(255 255 255 / 0.12);
    --glas-schrift: #e8edf4;
    --glas-deckend: #161b22;
    --schatten: 0 1px 2px rgb(0 0 0 / 0.4), 0 4px 14px rgb(0 0 0 / 0.25);
    --schatten-hoch: 0 6px 20px rgb(0 0 0 / 0.5);
  }
}