/*
 * Aiopta Design-Pack "qa-elevated-pack" v1.0.0 — GENERATED (ADR-088), DO NOT EDIT.
 * Deterministisch aus tokens.dtcg.json (+ layout.json) kompiliert;
 * ausgeliefert unter der Content-Hash-URL mit immutable-Cache.
 * Ungelayert by design: ungelayerte App-Token schlügen jede Layer-Regel.
 */
:root {
  --ds-bg-primary: #05070d;
  --aiopta-color-bg-primary: #05070d;
  --ds-bg-secondary: #090d17;
  --aiopta-color-bg-secondary: #090d17;
  --ds-bg-tertiary: #0e1420;
  --aiopta-color-bg-tertiary: #0e1420;
  --ds-bg-elevated: #141b2b;
  --aiopta-color-bg-elevated: #141b2b;
  --ds-bg-overlay: rgba(4,6,12,0.68);
  --aiopta-color-bg-overlay: rgba(4,6,12,0.68);
  --ds-surface: #0d1320;
  --aiopta-color-surface: #0d1320;
  --ds-surface-hover: #131a2a;
  --aiopta-color-surface-hover: #131a2a;
  --ds-surface-active: #1a2236;
  --aiopta-color-surface-active: #1a2236;
  --ds-surface-sunken: #080c15;
  --aiopta-color-surface-sunken: #080c15;
  --ds-foreground: var(--aiopta-color-text-primary);
  --aiopta-color-foreground: var(--aiopta-color-text-primary);
  --ds-card: var(--aiopta-color-surface);
  --aiopta-color-card: var(--aiopta-color-surface);
  --ds-card-foreground: var(--aiopta-color-text-primary);
  --aiopta-color-card-foreground: var(--aiopta-color-text-primary);
  --ds-primary: var(--aiopta-color-accent);
  --aiopta-color-primary: var(--aiopta-color-accent);
  --ds-primary-foreground: #ffffff;
  --aiopta-color-primary-foreground: #ffffff;
  --ds-text-primary: rgba(233,239,253,0.95);
  --aiopta-color-text-primary: rgba(233,239,253,0.95);
  --ds-text-secondary: rgba(233,239,253,0.64);
  --aiopta-color-text-secondary: rgba(233,239,253,0.64);
  --ds-text-tertiary: rgba(233,239,253,0.42);
  --aiopta-color-text-tertiary: rgba(233,239,253,0.42);
  --ds-text-inverse: #070a12;
  --aiopta-color-text-inverse: #070a12;
  --ds-border: rgba(151,173,233,0.10);
  --aiopta-color-border: rgba(151,173,233,0.10);
  --ds-border-hover: rgba(151,173,233,0.20);
  --aiopta-color-border-hover: rgba(151,173,233,0.20);
  --ds-border-focus: rgba(120,89,247,0.55);
  --aiopta-color-border-focus: rgba(120,89,247,0.55);
  --ds-accent: #7859f7;
  --aiopta-color-accent: #7859f7;
  --ds-accent-hover: #927aff;
  --aiopta-color-accent-hover: #927aff;
  --ds-accent-active: #6847ea;
  --aiopta-color-accent-active: #6847ea;
  --ds-accent-muted: rgba(124,92,255,0.16);
  --aiopta-color-accent-muted: rgba(124,92,255,0.16);
  --ds-accent-subtle: rgba(124,92,255,0.08);
  --aiopta-color-accent-subtle: rgba(124,92,255,0.08);
  --ds-guide: #22d3ee;
  --aiopta-color-guide: #22d3ee;
  --ds-guide-hover: #52e0f5;
  --aiopta-color-guide-hover: #52e0f5;
  --ds-guide-muted: rgba(34,211,238,0.16);
  --aiopta-color-guide-muted: rgba(34,211,238,0.16);
  --ds-guide-subtle: rgba(34,211,238,0.08);
  --aiopta-color-guide-subtle: rgba(34,211,238,0.08);
  --ds-guide-on: #052a30;
  --aiopta-color-guide-on: #052a30;
  --ds-success: #3ddc97;
  --aiopta-color-success: #3ddc97;
  --ds-success-muted: rgba(61,220,151,0.14);
  --aiopta-color-success-muted: rgba(61,220,151,0.14);
  --ds-warning: #ffb454;
  --aiopta-color-warning: #ffb454;
  --ds-warning-on: #331d05;
  --aiopta-color-warning-on: #331d05;
  --ds-warning-muted: rgba(255,180,84,0.14);
  --aiopta-color-warning-muted: rgba(255,180,84,0.14);
  --ds-error: #ff5c69;
  --aiopta-color-error: #ff5c69;
  --ds-error-on: #33060a;
  --aiopta-color-error-on: #33060a;
  --ds-error-muted: rgba(255,92,105,0.14);
  --aiopta-color-error-muted: rgba(255,92,105,0.14);
  --ds-info: #4da3ff;
  --aiopta-color-info: #4da3ff;
  --ds-info-muted: rgba(77,163,255,0.14);
  --aiopta-color-info-muted: rgba(77,163,255,0.14);
  --ds-font-display: "Space Grotesk", system-ui, sans-serif;
  --aiopta-font-display: "Space Grotesk", system-ui, sans-serif;
  --ds-font-sans: Manrope, system-ui, sans-serif;
  --aiopta-font-sans: Manrope, system-ui, sans-serif;
  --ds-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --aiopta-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
  --ds-text-display-lg: 700 34px/1.1 var(--aiopta-font-display);
  --aiopta-text-display-lg: 700 34px/1.1 var(--aiopta-font-display);
  --ds-text-display: 700 28px/1.15 var(--aiopta-font-display);
  --aiopta-text-display: 700 28px/1.15 var(--aiopta-font-display);
  --ds-text-headline: 650 22px/1.2 var(--aiopta-font-display);
  --aiopta-text-headline: 650 22px/1.2 var(--aiopta-font-display);
  --ds-text-title-lg: 600 20px/1.3 var(--aiopta-font-display);
  --aiopta-text-title-lg: 600 20px/1.3 var(--aiopta-font-display);
  --ds-text-title: 600 16px/1.35 var(--aiopta-font-sans);
  --aiopta-text-title: 600 16px/1.35 var(--aiopta-font-sans);
  --ds-text-body-lg: 400 15.5px/1.55 var(--aiopta-font-sans);
  --aiopta-text-body-lg: 400 15.5px/1.55 var(--aiopta-font-sans);
  --ds-text-body: 400 14.5px/1.5 var(--aiopta-font-sans);
  --aiopta-text-body: 400 14.5px/1.5 var(--aiopta-font-sans);
  --ds-text-label: 500 13px/1.3 var(--aiopta-font-sans);
  --aiopta-text-label: 500 13px/1.3 var(--aiopta-font-sans);
  --ds-text-caption: 500 12px/1.4 var(--aiopta-font-sans);
  --aiopta-text-caption: 500 12px/1.4 var(--aiopta-font-sans);
  --ds-text-overline: 600 11.5px/1.3 var(--aiopta-font-sans);
  --aiopta-text-overline: 600 11.5px/1.3 var(--aiopta-font-sans);
  --ds-text-mono: 400 13px/1.5 var(--aiopta-font-mono);
  --aiopta-text-mono: 400 13px/1.5 var(--aiopta-font-mono);
  --ds-tracking-overline: 0.08em;
  --aiopta-tracking-overline: 0.08em;
  --ds-tracking-tight: -0.01em;
  --aiopta-tracking-tight: -0.01em;
  --ds-space-0: 0px;
  --aiopta-space-0: 0px;
  --ds-space-1: 4px;
  --aiopta-space-1: 4px;
  --ds-space-2: 8px;
  --aiopta-space-2: 8px;
  --ds-space-3: 12px;
  --aiopta-space-3: 12px;
  --ds-space-4: 16px;
  --aiopta-space-4: 16px;
  --ds-space-5: 20px;
  --aiopta-space-5: 20px;
  --ds-space-6: 24px;
  --aiopta-space-6: 24px;
  --ds-space-8: 32px;
  --aiopta-space-8: 32px;
  --ds-space-10: 40px;
  --aiopta-space-10: 40px;
  --ds-space-12: 48px;
  --aiopta-space-12: 48px;
  --ds-space-16: 64px;
  --aiopta-space-16: 64px;
  --ds-space-20: 80px;
  --aiopta-space-20: 80px;
  --ds-radius-sm: 6px;
  --aiopta-radius-sm: 6px;
  --ds-radius-md: 10px;
  --aiopta-radius-md: 10px;
  --ds-radius-lg: 14px;
  --aiopta-radius-lg: 14px;
  --ds-radius-xl: 20px;
  --aiopta-radius-xl: 20px;
  --ds-radius-2xl: 28px;
  --aiopta-radius-2xl: 28px;
  --ds-radius-full: 9999px;
  --aiopta-radius-full: 9999px;
  --ds-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --aiopta-shadow-sm: 0 1px 2px rgba(0,0,0,0.3);
  --ds-shadow-md: 0 4px 16px -4px rgba(0,0,0,0.45);
  --aiopta-shadow-md: 0 4px 16px -4px rgba(0,0,0,0.45);
  --ds-shadow-lg: 0 16px 48px -12px rgba(0,0,0,0.6);
  --aiopta-shadow-lg: 0 16px 48px -12px rgba(0,0,0,0.6);
  --ds-shadow-xl: 0 24px 64px -16px rgba(0,0,0,0.65);
  --aiopta-shadow-xl: 0 24px 64px -16px rgba(0,0,0,0.65);
  --ds-shadow-glow: 0 8px 32px -8px rgba(124,92,255,0.55);
  --aiopta-shadow-glow: 0 8px 32px -8px rgba(124,92,255,0.55);
  --ds-shadow-glow-strong: 0 0 0 1px rgba(124,92,255,0.16), 0 8px 40px -6px rgba(124,92,255,0.7);
  --aiopta-shadow-glow-strong: 0 0 0 1px rgba(124,92,255,0.16), 0 8px 40px -6px rgba(124,92,255,0.7);
  --ds-shadow-glow-guide: 0 0 0 1px rgba(34,211,238,0.16), 0 0 24px rgba(34,211,238,0.3);
  --aiopta-shadow-glow-guide: 0 0 0 1px rgba(34,211,238,0.16), 0 0 24px rgba(34,211,238,0.3);
  --ds-duration-fast: 120ms;
  --aiopta-duration-fast: 120ms;
  --ds-duration-normal: 200ms;
  --aiopta-duration-normal: 200ms;
  --ds-duration-slow: 320ms;
  --aiopta-duration-slow: 320ms;
  --ds-duration-page: 300ms;
  --aiopta-duration-page: 300ms;
  --ds-ease-default: cubic-bezier(0.2, 0, 0.2, 1);
  --aiopta-ease-default: cubic-bezier(0.2, 0, 0.2, 1);
  --ds-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --aiopta-ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ds-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --aiopta-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ds-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
  --aiopta-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}
[data-color-scheme="aurora"] {
  --ds-accent: #2dd4a7;
  --aiopta-color-accent: #2dd4a7;
  --ds-accent-active: #1cb28a;
  --aiopta-color-accent-active: #1cb28a;
  --ds-accent-hover: #5ce3bd;
  --aiopta-color-accent-hover: #5ce3bd;
  --ds-accent-muted: rgba(45,212,167,0.16);
  --aiopta-color-accent-muted: rgba(45,212,167,0.16);
  --ds-accent-subtle: rgba(45,212,167,0.08);
  --aiopta-color-accent-subtle: rgba(45,212,167,0.08);
  --ds-border-focus: rgba(45,212,167,0.5);
  --aiopta-color-border-focus: rgba(45,212,167,0.5);
  --ds-primary-foreground: #043024;
  --aiopta-color-primary-foreground: #043024;
}
[data-color-scheme="forest"] {
  --ds-accent: #17b878;
  --aiopta-color-accent: #17b878;
  --ds-accent-active: #0f9d63;
  --aiopta-color-accent-active: #0f9d63;
  --ds-accent-hover: #34d399;
  --aiopta-color-accent-hover: #34d399;
  --ds-accent-muted: rgba(23,184,120,0.16);
  --aiopta-color-accent-muted: rgba(23,184,120,0.16);
  --ds-accent-subtle: rgba(23,184,120,0.08);
  --aiopta-color-accent-subtle: rgba(23,184,120,0.08);
  --ds-border-focus: rgba(23,184,120,0.5);
  --aiopta-color-border-focus: rgba(23,184,120,0.5);
  --ds-primary-foreground: #04281a;
  --aiopta-color-primary-foreground: #04281a;
}
[data-color-scheme="midnight"] {
  --ds-accent: #3b82f6;
  --aiopta-color-accent: #3b82f6;
  --ds-accent-active: #2563eb;
  --aiopta-color-accent-active: #2563eb;
  --ds-accent-hover: #60a5fa;
  --aiopta-color-accent-hover: #60a5fa;
  --ds-accent-muted: rgba(59,130,246,0.16);
  --aiopta-color-accent-muted: rgba(59,130,246,0.16);
  --ds-accent-subtle: rgba(59,130,246,0.08);
  --aiopta-color-accent-subtle: rgba(59,130,246,0.08);
  --ds-bg-elevated: #101729;
  --aiopta-color-bg-elevated: #101729;
  --ds-bg-primary: #03040a;
  --aiopta-color-bg-primary: #03040a;
  --ds-bg-secondary: #060913;
  --aiopta-color-bg-secondary: #060913;
  --ds-bg-tertiary: #0a0f1d;
  --aiopta-color-bg-tertiary: #0a0f1d;
  --ds-border-focus: rgba(59,130,246,0.5);
  --aiopta-color-border-focus: rgba(59,130,246,0.5);
  --ds-primary-foreground: #041430;
  --aiopta-color-primary-foreground: #041430;
  --ds-surface: #080d1a;
  --aiopta-color-surface: #080d1a;
  --ds-surface-active: #131b30;
  --aiopta-color-surface-active: #131b30;
  --ds-surface-hover: #0d1424;
  --aiopta-color-surface-hover: #0d1424;
  --ds-surface-sunken: #04060e;
  --aiopta-color-surface-sunken: #04060e;
}
[data-color-scheme="mono"] {
  --ds-accent: #9aa4b2;
  --aiopta-color-accent: #9aa4b2;
  --ds-accent-active: #78828f;
  --aiopta-color-accent-active: #78828f;
  --ds-accent-hover: #cbd5e1;
  --aiopta-color-accent-hover: #cbd5e1;
  --ds-accent-muted: rgba(154,164,178,0.16);
  --aiopta-color-accent-muted: rgba(154,164,178,0.16);
  --ds-accent-subtle: rgba(154,164,178,0.08);
  --aiopta-color-accent-subtle: rgba(154,164,178,0.08);
  --ds-border-focus: rgba(154,164,178,0.5);
  --aiopta-color-border-focus: rgba(154,164,178,0.5);
  --ds-primary-foreground: #11151a;
  --aiopta-color-primary-foreground: #11151a;
}
[data-color-scheme="ocean"] {
  --ds-accent: #0ea5e9;
  --aiopta-color-accent: #0ea5e9;
  --ds-accent-active: #0284c7;
  --aiopta-color-accent-active: #0284c7;
  --ds-accent-hover: #38bdf8;
  --aiopta-color-accent-hover: #38bdf8;
  --ds-accent-muted: rgba(14,165,233,0.16);
  --aiopta-color-accent-muted: rgba(14,165,233,0.16);
  --ds-accent-subtle: rgba(14,165,233,0.08);
  --aiopta-color-accent-subtle: rgba(14,165,233,0.08);
  --ds-border-focus: rgba(14,165,233,0.5);
  --aiopta-color-border-focus: rgba(14,165,233,0.5);
  --ds-primary-foreground: #04283d;
  --aiopta-color-primary-foreground: #04283d;
}
[data-color-scheme="sunset"] {
  --ds-accent: #f9772f;
  --aiopta-color-accent: #f9772f;
  --ds-accent-active: #ea580c;
  --aiopta-color-accent-active: #ea580c;
  --ds-accent-hover: #fb923c;
  --aiopta-color-accent-hover: #fb923c;
  --ds-accent-muted: rgba(249,119,47,0.16);
  --aiopta-color-accent-muted: rgba(249,119,47,0.16);
  --ds-accent-subtle: rgba(249,119,47,0.08);
  --aiopta-color-accent-subtle: rgba(249,119,47,0.08);
  --ds-border-focus: rgba(249,119,47,0.5);
  --aiopta-color-border-focus: rgba(249,119,47,0.5);
  --ds-primary-foreground: #331103;
  --aiopta-color-primary-foreground: #331103;
}