/* ─────────────────────────────────────────────────────────────────────────────
 * AUTOMATISCH ERZEUGT von scripts/gen-design-tokens.js
 * Quelle: docs/specs/design-tokens-kuechenos.json
 *
 * NICHT VON HAND BEARBEITEN. Wer eine Farbe ändern will, ändert die JSON und
 * lässt den Generator neu laufen. Ein Hexwert, der nur hier steht, ist beim
 * ersten White-Label-Kunden falsch.
 *
 * Produkt: KüchenOS — Intelligent Kitchen Management
 * Stand der Quelle: 2026-08-16, ausdrücklich als Startpunkt freigegeben, spätere Anpassung eingeplant
 * ───────────────────────────────────────────────────────────────────────────── */

/* Dark ist die Grundfassung: :root trägt die dunkle Palette, und nur
 * [data-theme="light"] überschreibt sie. Damit gibt es keinen Zustand, in dem
 * eine Farbe undefiniert wäre. */
:root {
  --bg: #000000;
  --bg-elev: #060809;
  --surface: #0B0F10;
  --surface-2: #111617;
  --surface-3: #171E1F;
  --ink: #F4F7F7;
  --ink-muted: rgba(244, 247, 247, 0.62);
  --ink-faint: rgba(244, 247, 247, 0.38);
  --accent: #3DB8B8;
  --accent-soft: #6FDCDC;
  --accent-ink: #04201F;
  --accent-2: #7FD8CE;
  --logo-stroke: #3DB8B8;
  --logo-word: #F4F7F7;
  --logo-glow: drop-shadow(0 0 6px rgba(61, 184, 184, 0.55)) drop-shadow(0 0 18px rgba(61, 184, 184, 0.28));
  --line: rgba(255, 255, 255, 0.08);
  --line-soft: rgba(255, 255, 255, 0.05);
  --glass: rgba(6, 8, 9, 0.55);
  --glass-line: rgba(255, 255, 255, 0.10);
  --wash: rgba(0, 0, 0, 0.55);
  --shadow: rgba(0, 0, 0, 0.45);
  --status-grau: #8A9698;
  --status-rot: #E5484D;
  --status-gelb: #F5C542;
  --status-gruen: #46C77E;
  --status-custom: #7FD8CE;

  /* Theme-unabhängig */
  --font-sans: "Geist", system-ui, -apple-system, sans-serif;
  --font-mono: "Geist Mono", ui-monospace, monospace;
  --section-pad: clamp(6.5rem, 13vw, 12rem);
  --radius: 20px;
  --radius-lg: 28px;
}

/* Helles Erscheinungsbild — ausschließlich Token-Werte, keine einzige
 * Layout-Regel doppelt. Sonst hätte man zwei Layouts zu pflegen. */
html[data-theme='light'] {
  --bg: #F5F7F7;
  --bg-elev: #FFFFFF;
  --surface: #FFFFFF;
  --surface-2: #EFF3F3;
  --surface-3: #E5EBEB;
  --ink: #0C1414;
  --ink-muted: rgba(12, 20, 20, 0.66);
  --ink-faint: rgba(12, 20, 20, 0.42);
  --accent: #14807F;
  --accent-soft: #0E6665;
  --accent-ink: #FFFFFF;
  --accent-2: #2AA39B;
  --logo-stroke: #14807F;
  --logo-word: #0C1414;
  --logo-glow: none;
  --line: rgba(12, 20, 20, 0.12);
  --line-soft: rgba(12, 20, 20, 0.07);
  --glass: rgba(255, 255, 255, 0.72);
  --glass-line: rgba(12, 20, 20, 0.10);
  --wash: rgba(245, 247, 247, 0.55);
  --shadow: rgba(12, 20, 20, 0.12);
  --status-grau: #78868A;
  --status-rot: #CE2C31;
  --status-gelb: #AC7803;
  --status-gruen: #1E874B;
  --status-custom: #2AA39B;
}