/* Karneval Impekoven — generated from tokens.json */
:root, [data-theme="light"] {
  --surface: #fffaf3;
  --surface-raised: #ffffff;
  --surface-sunken: #f6eee3;
  --nacht: #121436;
  --on-nacht: #ffffff;
  --on-nacht-muted: #c9cae0;
  --ink: #121436;
  --ink-muted: #4f5270;
  --rot: #d7081a;
  --rot-strong: #a8000f;
  --on-rot: #ffffff;
  --gelb: #ffc832;
  --gelb-text: #8a6200;
  --gelb-soft: #fff1c7;
  --rosa: #ffd9e4;
  --nacht-fix: #121436;
  --logo-plate: #ffffff;
  --streifen-hell: #ffffff;
  --line: #eadfce;
  --line-strong: #6b6e8c;
  --focus: #121436;
  --success: #16705a;
  --overlay-0: rgba(18,20,54,0);
  --overlay-55: rgba(18,20,54,0.55);
  --overlay-95: rgba(18,20,54,0.95);
  --on-dark-fill: rgba(255,255,255,0.07);
  --on-dark-line: rgba(255,255,255,0.18);
  --on-dark-border: rgba(255,255,255,0.75);
  --danger: #b3001b;
  --shadow-card: 0 1px 0 rgba(18,20,54,0.06), 0 12px 32px -12px rgba(18,20,54,0.18);
  --shadow-lift: 0 2px 0 rgba(18,20,54,0.06), 0 24px 48px -16px rgba(18,20,54,0.28);
  --shadow-sticker: 4px 4px 0 #121436;
}
[data-theme="dark"] {
  --surface: #0e0f2a;
  --surface-raised: #1a1c45;
  --surface-sunken: #08091d;
  --nacht: #23255a;
  --on-nacht: #f7f3ec;
  --on-nacht-muted: #c9cae0;
  --ink: #f7f3ec;
  --ink-muted: #a9abc9;
  --rot: #ff4d5a;
  --rot-strong: #ff7a84;
  --on-rot: #0e0f2a;
  --gelb: #ffc832;
  --gelb-text: #ffd25a;
  --gelb-soft: #2e2a1a;
  --rosa: #3b1830;
  --nacht-fix: #121436;
  --logo-plate: #ffffff;
  --streifen-hell: #f7f3ec;
  --line: #2c2f66;
  --line-strong: #7e819f;
  --focus: #ffc832;
  --success: #6fd3b4;
  --overlay-0: rgba(8,9,29,0);
  --overlay-55: rgba(8,9,29,0.6);
  --overlay-95: rgba(8,9,29,0.96);
  --on-dark-fill: rgba(255,255,255,0.07);
  --on-dark-line: rgba(255,255,255,0.18);
  --on-dark-border: rgba(255,255,255,0.75);
  --danger: #ff8a94;
  --shadow-card: 0 1px 0 rgba(0,0,0,0.4), 0 12px 32px -12px rgba(0,0,0,0.6);
  --shadow-lift: 0 2px 0 rgba(0,0,0,0.5), 0 24px 48px -16px rgba(0,0,0,0.7);
  --shadow-sticker: 4px 4px 0 #000000;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --space-32: 128px;
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 28px;
  --radius-pill: 999px;
  --container-max: 1280px;
  --content-max: 720px;
  --header-height: 80px;
  --stripe-width: 14px;
  --dauer-kurz: 160ms;
  --dauer-mittel: 320ms;
  --dauer-lang: 700ms;
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-out: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ticker-dauer: 40s;
  --sticker-dauer: 24s;
  --font-display: "Archivo", "Arial Narrow", "Roboto Condensed", sans-serif;
  --font-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font-sans: "Archivo", "Segoe UI", system-ui, sans-serif;
}