/* ERZEUGT von Skripte/tokens-fallback-erzeugen.mjs — nicht von Hand ändern.
 *
 * Der Stand, den die Seite **ohne** JavaScript zeigt: Hausstil, Glas 6, Form abgerundet.
 * `js/design.js` überschreibt ihn beim Laden mit der Wahl des Nutzers.
 *
 * Warum das nötig ist: Alle Farbtoken kamen bis 03.08.2026 nur aus dem Skript. Ohne Skript war
 * die Seite weiss — Regel 5 verlangt, dass sie ohne JavaScript lesbar bleibt, und eine Seite
 * ohne eine einzige Farbe ist das nicht.
 */
:root {
  --bg: oklch(0.966 0.009 82);
  --bg2: oklch(0.932 0.013 80);
  --ink: oklch(0.24 0.022 50);
  --ink2: color-mix(in oklab, oklch(0.24 0.022 50) 72%, transparent);
  --ink3: color-mix(in oklab, oklch(0.24 0.022 50) 64%, transparent);
  --line: rgba(40,30,20,0.13);
  --status-gruen: #1f9d55;
  --status-gelb: #b45309;
  --status-rot: #dc2626;
  /* Wartung: die vierte Statusfarbe (09.08.2026). Blau, weil sie sonst nirgends vorkommt —
     ein Gelb hätte 'eingeschränkt' gedoppelt, ein Grau 'unbekannt'. Eine angemeldete
     Arbeit ist beides nicht: Man weiß genau, was los ist. */
  --status-blau: #3b6fd4;
  --status-unbekannt: #6b6b6b;
  --system-rad: conic-gradient(from 210deg, oklch(0.72 0.15 20), oklch(0.75 0.14 90), oklch(0.72 0.13 150), oklch(0.7 0.14 250), oklch(0.7 0.16 320), oklch(0.72 0.15 20));
  --accent: oklch(0.555 0.14 42.0);
  --accent2: oklch(0.68 0.1 75);
  --accent-ink: oklch(0.98 0.01 80);
  --accent-soft: color-mix(in oklab, oklch(0.555 0.14 42.0) 18%, transparent);
  --glow: color-mix(in oklab, oklch(0.555 0.14 42.0) 45%, transparent);
  --glass: rgba(255,255,255,0.51);
  --glass-strong: rgba(255,255,255,0.71);
  --glass-edge: rgba(255,255,255,0.73);
  --glass-hi: rgba(255,255,255,0.84);
  --blur: 18px;
  --sat: 1.36;
  --shadow: 0 10px 30px rgba(30,20,10,0.104);
  --shadow-lg: 0 22px 60px rgba(30,20,10,0.146);
  --r-sm: 8px;
  --r-md: 14px;
  --r-lg: 20px;
  --r-pill: 999px;
  --orb1: color-mix(in oklab, oklch(0.555 0.14 42.0) 45%, transparent);
  --orb2: color-mix(in oklab, oklch(0.68 0.1 75) 40%, transparent);
  --orb3: color-mix(in oklab, oklch(0.75 0.08 320) 30%, transparent);
}

/* Wer das System auf dunkel gestellt hat, bekommt dunkel — auch ohne Skript. */
@media (prefers-color-scheme: dark) {
  :root {
    --bg: oklch(0.17 0.012 60);
    --bg2: oklch(0.205 0.015 60);
    --ink: oklch(0.95 0.012 75);
    --ink2: color-mix(in oklab, oklch(0.95 0.012 75) 72%, transparent);
    --ink3: color-mix(in oklab, oklch(0.95 0.012 75) 56%, transparent);
    --line: rgba(255,255,255,0.1);
    --status-gruen: #1f9d55;
    --status-gelb: #f0a92b;
    --status-rot: #dc2626;
    --status-unbekannt: #6b6b6b;
    --system-rad: conic-gradient(from 210deg, oklch(0.72 0.15 20), oklch(0.75 0.14 90), oklch(0.72 0.13 150), oklch(0.7 0.14 250), oklch(0.7 0.16 320), oklch(0.72 0.15 20));
    --accent: oklch(0.68 0.13 45);
    --accent2: oklch(0.78 0.09 75);
    --accent-ink: oklch(0.16 0.03 45);
    --accent-soft: color-mix(in oklab, oklch(0.68 0.13 45) 18%, transparent);
    --glow: color-mix(in oklab, oklch(0.68 0.13 45) 45%, transparent);
    --glass: rgba(255,255,255,0.096);
    --glass-strong: rgba(255,255,255,0.146);
    --glass-edge: rgba(255,255,255,0.166);
    --glass-hi: rgba(255,255,255,0.2);
    --blur: 18px;
    --sat: 1.36;
    --shadow: 0 14px 36px rgba(0,0,0,0.332);
    --shadow-lg: 0 24px 66px rgba(0,0,0,0.48);
    --r-sm: 8px;
    --r-md: 14px;
    --r-lg: 20px;
    --r-pill: 999px;
    --orb1: color-mix(in oklab, oklch(0.68 0.13 45) 55%, transparent);
    --orb2: color-mix(in oklab, oklch(0.78 0.09 75) 45%, transparent);
    --orb3: color-mix(in oklab, oklch(0.6 0.12 320) 32%, transparent);
  }
}