/* Erzeugt von bin/tokens-bauen aus src/styles/tokens.json. Nicht von Hand ändern. */
:root {
  --space-unit: 4px;
  --space-gap: 12px;
  --space-pad: 16px;
  --space-gutter: 12px;
  --radius-card: 14px;
  --radius-control: 10px;
  --size-touch: 44px;
  --size-content: 1200px;
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-size-small: 13px;
  --font-size-body: 15px;
  --font-size-strong: 17px;
  --font-size-title: 22px;
  --motion-fade: 150ms;
  --c-bg: #111820;
  --c-surface: #1a232e;
  --c-raised: #243140;
  --c-line: #34455a;
  --c-text: #edf1f5;
  --c-muted: #a3b3c4;
  --c-accent: #62a8f5;
  --c-on-accent: #0c1722;
  --c-attention: #f5a524;
  --c-ok: #62c487;
  --c-danger: #f2786b;
  --c-edge: #7389a0;
}

@media (prefers-color-scheme: light) {
  :root {
    --c-bg: #f2f4f7;
    --c-surface: #ffffff;
    --c-raised: #eef2f6;
    --c-line: #cbd5df;
    --c-text: #1b2733;
    --c-muted: #566676;
    --c-accent: #1b66c4;
    --c-on-accent: #ffffff;
    --c-attention: #a85f00;
    --c-ok: #227a47;
    --c-danger: #b93426;
    --c-edge: #7c8b9a;
  }
}