/* Erzeugt von website/scripts/tokens.mjs aus tokens/design-tokens.json.
   Nicht von Hand bearbeiten. */

/* ── Primitive ── */
:root {
  --primitive-color-nacht-600: #272d47;
  --primitive-color-nacht-700: #1e2233;
  --primitive-color-nacht-800: #161927;
  --primitive-color-nacht-850: #10121c;
  --primitive-color-nacht-900: #0b0c13;
  --primitive-color-nacht-950: #08090f;
  --primitive-color-nacht-850-a85: rgb(16 18 28 / 0.85);
  --primitive-color-schiefer-50: #eef1f8;
  --primitive-color-schiefer-200: #c3c8dc;
  --primitive-color-schiefer-400: #878ba8;
  --primitive-color-schiefer-500: #4e516a;
  --primitive-color-eis-300: #abc1e7;
  --primitive-color-eis-500: #6f8fd0;
  --primitive-color-eis-700: #2f4a8a;
  --primitive-color-eis-300-a06: rgb(171 193 231 / 0.06);
  --primitive-color-eis-300-a12: rgb(171 193 231 / 0.12);
  --primitive-color-eis-300-a22: rgb(171 193 231 / 0.22);
  --primitive-color-eis-300-a40: rgb(171 193 231 / 0.4);
  --primitive-color-eis-500-a35: rgb(111 143 208 / 0.35);
  --primitive-color-eis-700-a55: rgb(47 74 138 / 0.55);
  --primitive-color-bordeaux-600: #432936;
  --primitive-color-bordeaux-600-a45: rgb(67 41 54 / 0.45);
  --primitive-color-weiss-a03: rgb(255 255 255 / 0.03);
  --primitive-color-weiss-a06: rgb(255 255 255 / 0.06);
  --primitive-color-weiss-a10: rgb(255 255 255 / 0.1);
  --primitive-color-weiss-a16: rgb(255 255 255 / 0.16);
  --primitive-color-weiss-a90: rgb(255 255 255 / 0.9);
  --primitive-color-weiss-voll: #ffffff;
  --primitive-color-schwarz-a40: rgb(0 0 0 / 0.4);
  --primitive-color-schwarz-a70: rgb(0 0 0 / 0.7);
  --primitive-color-bernstein-300: #f2c879;
  --primitive-color-silber-50: #f8fafd;
  --primitive-color-silber-100: #e9edf4;
  --primitive-color-silber-200: #d2d8e3;
  --primitive-color-silber-300: #b4bccb;
  --primitive-color-silber-400: #97a0b2;
  --primitive-color-silber-500: #7a8397;
  --primitive-color-silber-600: #5d6578;
  --primitive-color-silber-700: #454c5d;
  --primitive-color-silber-800: #323846;
  --primitive-color-silber-900: #222733;
  --primitive-color-silber-glanz: rgb(255 255 255 / 0.95);
  --primitive-space-1: 0.25rem;
  --primitive-space-2: 0.5rem;
  --primitive-space-3: 0.75rem;
  --primitive-space-4: 1rem;
  --primitive-space-5: 1.25rem;
  --primitive-space-6: 1.5rem;
  --primitive-space-8: 2rem;
  --primitive-space-10: 2.5rem;
  --primitive-space-12: 3rem;
  --primitive-space-16: 4rem;
  --primitive-space-24: 6rem;
  --primitive-space-32: 8rem;
  --primitive-space-48: 12rem;
  --primitive-font-family-jetbrains: 'JetBrains Mono Variable', ui-monospace, Consolas, monospace;
  --primitive-font-family-space: 'Space Grotesk', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --primitive-font-size-10: 0.625rem;
  --primitive-font-size-11: 0.6875rem;
  --primitive-font-size-13: 0.8125rem;
  --primitive-font-size-15: 0.9375rem;
  --primitive-font-size-17: 1.0625rem;
  --primitive-font-size-22: 1.375rem;
  --primitive-font-size-fluid-titel: clamp(1.75rem, 1.1rem + 2.4vw, 3rem);
  --primitive-font-size-fluid-aussage: clamp(1.5rem, 0.9rem + 2.4vw, 2.75rem);
  --primitive-font-size-fluid-schicht: clamp(2rem, 1.2rem + 3vw, 3.75rem);
  --primitive-font-size-fluid-riese: clamp(5rem, 1rem + 22vw, 26rem);
  --primitive-font-size-fluid-preis: clamp(2.5rem, 1.6rem + 3vw, 4rem);
  --primitive-font-weight-thin: 300;
  --primitive-font-weight-regular: 400;
  --primitive-font-weight-medium: 500;
  --primitive-font-weight-semibold: 600;
  --primitive-font-leading-eng: 1.12;
  --primitive-font-leading-mittel: 1.3;
  --primitive-font-leading-text: 1.6;
  --primitive-font-leading-riese: 0.8;
  --primitive-font-tracking-eng: -0.03em;
  --primitive-font-tracking-riese: -0.06em;
  --primitive-font-tracking-versal: 0.14em;
  --primitive-radius-md: 0.75rem;
  --primitive-radius-lg: 1.25rem;
  --primitive-radius-xl: 1.75rem;
  --primitive-radius-kachel: 22%;
  --primitive-radius-voll: 9999px;
  --primitive-size-inhalt: 76rem;
  --primitive-size-text: 38rem;
  --primitive-size-aussage: 46rem;
  --primitive-size-linie: 1px;
  --primitive-size-fokus: 2px;
  --primitive-size-pille: 2.5rem;
  --primitive-size-monitor: 66rem;
  --primitive-size-rahmen: 0.6rem;
  --primitive-size-kachel: 13rem;
  --primitive-size-kachel-abstand: 2.6rem;
  --primitive-size-schicht-hoehe: 80vh;
  --primitive-size-perspektive: 110rem;
  --primitive-size-kachel-klein: 8.5rem;
  --primitive-size-stapel: clamp(16rem, 52vh, 34rem);
  --primitive-size-leiste: 2.25rem;
  --primitive-size-punkt: 0.3125rem;
  --primitive-size-hals: clamp(1.25rem, 4vw, 3.5rem);
  --primitive-size-glut: 5rem;
  --primitive-size-angebot: 22rem;
  --primitive-size-spalte: 11rem;
  --primitive-size-kopf: 6rem;
  --primitive-size-versatz: 2rem;
  --primitive-size-kippen: 8deg;
  --primitive-size-staub: 3px;
  --primitive-size-unschaerfe: 6px;
  --primitive-size-hub: 0.14em;
  --primitive-size-parallaxe: 2.5rem;
  --primitive-size-cursor: 0.55em;
  --primitive-size-riese-schritt: 0.024em;
  --primitive-shadow-monitor: 0 3rem 8rem rgb(0 0 0 / 0.7), 0 0 0 1px rgb(255 255 255 / 0.06);
  --primitive-shadow-glas: inset 0 1px 0 rgb(255 255 255 / 0.1), 0 1.5rem 4rem rgb(0 0 0 / 0.4);
  --primitive-shadow-knopf: 0 0 2rem rgb(171 193 231 / 0.22);
  --primitive-blur-glas: 18px;
  --primitive-blur-licht: 60px;
  --primitive-duration-schnell: 180ms;
  --primitive-duration-mittel: 600ms;
  --primitive-duration-ansicht: 7s;
  --primitive-duration-laufband: 80s;
  --primitive-duration-funkeln: 6s;
  --primitive-duration-glanz: 7s;
  --primitive-duration-schweben: 6s;
  --primitive-duration-kreisen: 48s;
  --primitive-duration-pulsieren: 3.2s;
  --primitive-duration-umlauf: 8s;
  --primitive-duration-auftauchen: 900ms;
  --primitive-duration-wort: 70ms;
  --primitive-duration-zeichen: 32ms;
  --primitive-duration-aufbau: 1300ms;
  --primitive-duration-einschalten: 1800ms;
  --primitive-duration-blinken: 900ms;
  --primitive-easing-sanft: cubic-bezier(0.22, 1, 0.36, 1);
}

/* ── Semantik ── */
:root {
  --color-bg: var(--primitive-color-nacht-900);
  --color-bg-tief: var(--primitive-color-nacht-950);
  --color-flaeche: var(--primitive-color-nacht-850);
  --color-flaeche-hoch: var(--primitive-color-nacht-800);
  --color-indigo: var(--primitive-color-nacht-600);
  --color-fg: var(--primitive-color-schiefer-50);
  --color-fg-zweit: var(--primitive-color-schiefer-200);
  --color-fg-leise: var(--primitive-color-schiefer-400);
  --color-fg-still: var(--primitive-color-schiefer-500);
  --color-akzent: var(--primitive-color-eis-300);
  --color-akzent-tief: var(--primitive-color-eis-500);
  --color-licht: var(--primitive-color-eis-500-a35);
  --color-licht-tief: var(--primitive-color-eis-700-a55);
  --color-licht-warm: var(--primitive-color-bordeaux-600-a45);
  --color-glas: var(--primitive-color-eis-300-a06);
  --color-glas-hoch: var(--primitive-color-eis-300-a12);
  --color-glas-kante: var(--primitive-color-eis-300-a22);
  --color-glas-kante-hell: var(--primitive-color-eis-300-a40);
  --color-linie: var(--primitive-color-weiss-a06);
  --color-linie-hell: var(--primitive-color-weiss-a10);
  --color-schimmer: var(--primitive-color-weiss-a03);
  --color-spiegel: var(--primitive-color-weiss-a16);
  --color-hell: var(--primitive-color-weiss-a90);
  --color-weiss: var(--primitive-color-weiss-voll);
  --color-schatten: var(--primitive-color-schwarz-a40);
  --color-schatten-tief: var(--primitive-color-schwarz-a70);
  --color-offen: var(--primitive-color-bernstein-300);
  --color-silber-hell: var(--primitive-color-silber-50);
  --color-silber-1: var(--primitive-color-silber-100);
  --color-silber-2: var(--primitive-color-silber-200);
  --color-silber-3: var(--primitive-color-silber-300);
  --color-silber-4: var(--primitive-color-silber-400);
  --color-silber-5: var(--primitive-color-silber-500);
  --color-silber-kante-1: var(--primitive-color-silber-600);
  --color-silber-kante-2: var(--primitive-color-silber-700);
  --color-silber-kante-3: var(--primitive-color-silber-800);
  --color-silber-kante-4: var(--primitive-color-silber-900);
  --color-silber-glanz: var(--primitive-color-silber-glanz);
  --color-flaeche-glas: var(--primitive-color-nacht-850-a85);
  --font-sans: var(--primitive-font-family-space);
  --font-mono: var(--primitive-font-family-jetbrains);
  --text-riese: var(--primitive-font-size-fluid-riese);
  --text-schicht: var(--primitive-font-size-fluid-schicht);
  --text-titel: var(--primitive-font-size-fluid-titel);
  --text-aussage: var(--primitive-font-size-fluid-aussage);
  --text-preis: var(--primitive-font-size-fluid-preis);
  --text-lead: var(--primitive-font-size-17);
  --text-body: var(--primitive-font-size-15);
  --text-klein: var(--primitive-font-size-13);
  --text-marke: var(--primitive-font-size-11);
  --text-marke-klein: var(--primitive-font-size-10);
  --text-karte: var(--primitive-font-size-22);
  --space-rand: var(--primitive-space-4);
  --space-rand-weit: var(--primitive-space-8);
  --space-xs: var(--primitive-space-1);
  --space-sm: var(--primitive-space-2);
  --space-md: var(--primitive-space-4);
  --space-lg: var(--primitive-space-6);
  --space-xl: var(--primitive-space-10);
  --space-2xl: var(--primitive-space-16);
  --space-abschnitt: var(--primitive-space-32);
  --space-abschnitt-gross: var(--primitive-space-48);
  --space-pille-x: var(--primitive-space-4);
  --space-knopf-x: var(--primitive-space-6);
  --space-knopf-y: var(--primitive-space-3);
  --layout-inhalt: var(--primitive-size-inhalt);
  --layout-text: var(--primitive-size-text);
  --layout-aussage: var(--primitive-size-aussage);
  --layout-monitor: var(--primitive-size-monitor);
  --layout-schicht-hoehe: var(--primitive-size-schicht-hoehe);
  --layout-perspektive: var(--primitive-size-perspektive);
  --layout-stapel: var(--primitive-size-stapel);
  --layout-angebot: var(--primitive-size-angebot);
  --layout-spalte: var(--primitive-size-spalte);
  --layout-kopf: var(--primitive-size-kopf);
  --layout-versatz: var(--primitive-size-versatz);
  --layout-kippen: var(--primitive-size-kippen);
  --layout-staub: var(--primitive-size-staub);
  --layout-unschaerfe: var(--primitive-size-unschaerfe);
  --layout-hub: var(--primitive-size-hub);
  --layout-parallaxe: var(--primitive-size-parallaxe);
  --layout-cursor: var(--primitive-size-cursor);
  --radius-pille: var(--primitive-radius-voll);
  --radius-karte: var(--primitive-radius-xl);
  --radius-fenster: var(--primitive-radius-md);
  --radius-monitor: var(--primitive-radius-lg);
  --radius-kachel: var(--primitive-radius-kachel);
  --line-haar: var(--primitive-size-linie);
  --line-fokus: var(--primitive-size-fokus);
  --motion-schnell: var(--primitive-duration-schnell);
  --motion-mittel: var(--primitive-duration-mittel);
  --motion-ansicht: var(--primitive-duration-ansicht);
  --motion-laufband: var(--primitive-duration-laufband);
  --motion-funkeln: var(--primitive-duration-funkeln);
  --motion-kurve: var(--primitive-easing-sanft);
  --motion-glanz: var(--primitive-duration-glanz);
  --motion-schweben: var(--primitive-duration-schweben);
  --motion-kreisen: var(--primitive-duration-kreisen);
  --motion-pulsieren: var(--primitive-duration-pulsieren);
  --motion-umlauf: var(--primitive-duration-umlauf);
  --motion-auftauchen: var(--primitive-duration-auftauchen);
  --motion-wort: var(--primitive-duration-wort);
  --motion-zeichen: var(--primitive-duration-zeichen);
  --motion-aufbau: var(--primitive-duration-aufbau);
  --motion-einschalten: var(--primitive-duration-einschalten);
  --motion-blinken: var(--primitive-duration-blinken);
  --elevation-monitor: var(--primitive-shadow-monitor);
  --elevation-glas: var(--primitive-shadow-glas);
  --elevation-knopf: var(--primitive-shadow-knopf);
  --blur-glas: var(--primitive-blur-glas);
  --blur-licht: var(--primitive-blur-licht);
}

/* ── Komponenten ── */
:root {
  --pille-hoehe: var(--primitive-size-pille);
  --pille-bg: var(--color-flaeche-glas);
  --pille-kante: var(--color-linie-hell);
  --knopf-hell-bg: var(--color-hell);
  --knopf-hell-fg: var(--color-bg);
  --knopf-glas-bg: var(--color-flaeche-glas);
  --knopf-glas-kante: var(--color-glas-kante);
  --monitor-rahmen: var(--primitive-size-rahmen);
  --monitor-rahmen-bg: var(--primitive-color-nacht-700);
  --monitor-hals: var(--primitive-size-hals);
  --kachel-groesse: var(--primitive-size-kachel);
  --kachel-abstand: var(--primitive-size-kachel-abstand);
  --kachel-klein: var(--primitive-size-kachel-klein);
  --fokus-ring: var(--color-akzent);
  --fokus-breite: var(--line-fokus);
  --fenster-leiste: var(--primitive-size-leiste);
  --liste-punkt: var(--primitive-size-punkt);
  --karte-glut: var(--primitive-size-glut);
}