/* Erzeugt aus design/tokens.json durch scripts/design-tokens.py.
   Nicht von Hand bearbeiten — Änderungen an den Werten gehören in die JSON-Datei,
   dann `python3 scripts/design-tokens.py` neu laufen lassen. */

:root {
  /* Farbrollen */
  --sw-night: #0B1020;
  --sw-night-lift: #151B2E;
  --sw-cloud: #F7F8F3;
  --sw-cobalt: #4056E8;
  --sw-orange: #FF5A36;
  --sw-mint: #3DE5C2;
  --sw-gold: #FFD24A;
  --sw-error: #D93A2B;
  --sw-text: #F7F8F3;
  --sw-text-muted: #8A90A0;
  --sw-line: rgba(247,248,243,.14);

  /* Abstandsskala */
  --sw-4: 4px;
  --sw-8: 8px;
  --sw-12: 12px;
  --sw-16: 16px;
  --sw-24: 24px;
  --sw-32: 32px;
  --sw-48: 48px;
  --sw-64: 64px;
  --sw-96: 96px;

  /* Typografie */
  --sw-display-size: 64px; --sw-display-lh: 60px; --sw-display-weight: 700;
  --sw-title-size: 36px; --sw-title-lh: 38px; --sw-title-weight: 700;
  --sw-subtitle-size: 24px; --sw-subtitle-lh: 28px; --sw-subtitle-weight: 650;
  --sw-body-size: 17px; --sw-body-lh: 26px; --sw-body-weight: 450;
  --sw-meta-size: 12px; --sw-meta-lh: 16px; --sw-meta-weight: 650;

  /* Bewegung */
  --sw-ease: cubic-bezier(.2,.8,.2,1);
  --sw-ms-feedback: 120ms;
  --sw-ms-theme: 240ms;
  --sw-ms-depth: 320ms;

  /* Baumasse */
  --sw-radius: 0px;
  --sw-border: 1px;
  --sw-border-active: 2px;
  --sw-border-progress: 4px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --sw-ms-feedback: 120ms;
    --sw-ms-theme: 120ms;
    --sw-ms-depth: 120ms;
  }
}