/* Kongs OS — generiert aus docs/design/tokens.json. Nicht von Hand bearbeiten. */
:root {
  --surface: #ffffff;
  --surface-sunken: #f7f8f8;
  --surface-raised: #ffffff;
  --anthracite: #383e42;
  --orange-soft: #fce3cc;
  --ink: #23272a;
  --ink-muted: #565c61;
  --ink-subtle: #868c91;
  --border: #d3d7da;
  --border-strong: #868c91;
  --orange: #ed6f1b;
  --orange-strong: #a84a0f;
  --on-orange: #23272a;
  --on-orange-large: #ffffff;
  --focus-ring: var(--orange-strong);
  --status-red: #c0392b;
  --status-red-soft: #fbe3e0;
  --status-red-ink: #9e2b20;
  --status-yellow: #f2c200;
  --status-yellow-soft: #fff4c2;
  --status-yellow-ink: #6b5200;
  --status-green: #1e8a4c;
  --status-green-soft: #dff3e6;
  --status-green-ink: #166b3a;
  --status-black: #23272a;
  --status-black-soft: #e6e6e6;
  --status-black-ink: #23272a;
  --chart-1: #2a78d6;
  --chart-2: #eb6834;
  --chart-3: #1baf7a;
  --chart-4: #eda100;
  --chart-5: #e87ba4;
  --chart-6: #6250d6;
  --shadow-menu: 0 4px 16px rgba(26, 26, 26, 0.14);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-full: 9999px;
  --line-hairline: 1px;
  --line-rule: 2px;
  --control-height: 44px;
  --content-max: 1200px;
  --breakpoint-narrow: 640px;
  --font-display: Anton, Impact, "Arial Narrow Bold", sans-serif;
  --font-condensed: "Roboto Condensed", "Helvetica Neue", "Arial Narrow", sans-serif;
  --font-sans: Roboto, Helvetica, Arial, sans-serif;
  color-scheme: light;
}

/* Dunkelmodus nur auf ausdrücklichen Wunsch (data-theme="dark"); Standard ist hell. */
[data-theme="dark"] {
  --surface: #161412;
  --surface-sunken: #100e0d;
  --surface-raised: #211e1b;
  --anthracite: #9aa1a6;
  --orange-soft: #3a2414;
  --ink: #f2eeea;
  --ink-muted: #b0a89f;
  --ink-subtle: #8a8178;
  --border: #3d3833;
  --border-strong: #7a7168;
  --orange: #ed6f1b;
  --orange-strong: #f08a45;
  --on-orange: #23272a;
  --on-orange-large: #ffffff;
  --focus-ring: var(--orange-strong);
  --status-red: #e5604f;
  --status-red-soft: #3d1a16;
  --status-red-ink: #ffb3a8;
  --status-yellow: #f2c200;
  --status-yellow-soft: #3a3000;
  --status-yellow-ink: #ffe27a;
  --status-green: #3dbe74;
  --status-green-soft: #16301f;
  --status-green-ink: #8fe0ae;
  --status-black: #000000;
  --status-black-soft: #2e2b28;
  --status-black-ink: #e6e6e6;
  --chart-1: #3987e5;
  --chart-2: #d95926;
  --chart-3: #199e70;
  --chart-4: #c98500;
  --chart-5: #d55181;
  --chart-6: #9085e9;
  --shadow-menu: 0 4px 16px rgba(0, 0, 0, 0.5);
  color-scheme: dark;
}