/*
 * Design-System v2 — Tokens fuer homepage.
 * Quelle: Code-Konstanten (kein Datenbankbezug).
 */
:root {
  --suite-v2-version: 2;
  --suite-canvas: #0a0e13;
  --suite-surface: #111820;
  --suite-surface-muted: #18212b;
  --suite-border: #243140;
  --suite-ink: #e8eef4;
  --suite-muted: #9aa9b8;
  --suite-muted-strong: #b8c5d1;
  --suite-accent: #2dd4bf;
  --suite-accent-hover: #5eead4;
  --suite-accent-strong: #5eead4;
  --suite-accent-soft: #0f2a2b;
  --suite-accent-ink: #99f6e4;
  --suite-accent-text: #5eead4;
  --suite-button-ink: #04201d;
  --suite-radius: 1rem;
  --suite-blur: 0px;
  --suite-danger: #f87171;
  --suite-danger-soft: #2d1a1d;
  --suite-danger-ink: #fca5a5;
  --suite-warning: #fbbf24;
  --suite-warning-soft: #2a2416;
  --suite-warning-ink: #fcd34d;
  --suite-success: #34d399;
  --suite-success-soft: #12261c;
  --suite-success-ink: #6ee7b7;
  --suite-text-xs: .8125rem;
  --suite-text-sm: .9375rem;
  --suite-text-base: 1.0625rem;
  --suite-text-lg: clamp(1.125rem, 1.6vw, 1.3125rem);
  --suite-text-xl: clamp(1.375rem, 2.2vw, 1.75rem);
  --suite-text-section: clamp(2.25rem, 5.2vw, 3.75rem);
  --suite-text-display: clamp(2.75rem, 6.5vw, 4.5rem);
  --suite-radius-flaeche: 1.375rem;
  --suite-radius-bedienung: .625rem;
  --suite-leuchten: 0 0 0 1px color-mix(in srgb, var(--suite-accent) 35%, transparent), 0 8px 32px color-mix(in srgb, var(--suite-accent) 18%, transparent);
  --suite-leuchten-stark: 0 0 0 1px color-mix(in srgb, var(--suite-accent) 55%, transparent), 0 12px 40px color-mix(in srgb, var(--suite-accent) 32%, transparent);
  --suite-shadow-1: 0 1px 2px color-mix(in srgb, #000 6%, transparent), 0 1px 3px color-mix(in srgb, #000 10%, transparent);
  --suite-shadow-2: 0 4px 12px color-mix(in srgb, #000 8%, transparent), 0 2px 6px color-mix(in srgb, #000 6%, transparent);
  --suite-shadow-3: 0 12px 32px color-mix(in srgb, #000 12%, transparent), 0 4px 10px color-mix(in srgb, #000 8%, transparent);
  --suite-space-1: 0.25rem;
  --suite-space-2: 0.5rem;
  --suite-space-3: 0.75rem;
  --suite-space-4: 1rem;
  --suite-space-5: 1.5rem;
  --suite-space-6: 2rem;
  --suite-space-7: 3rem;
  --suite-space-8: 4rem;
  --suite-radius-klein: .5rem;
  --suite-radius-karte: 1rem;
  --suite-radius-gross: 1.5rem;
  --suite-dur-schnell: 120ms;
  --suite-dur-normal: 220ms;
  --suite-dur-langsam: 480ms;
  --suite-ease: cubic-bezier(.2,.7,.2,1);
  --suite-focus-ring: 2px solid var(--suite-accent);
  --suite-font: "Figtree", ui-sans-serif, system-ui, sans-serif;
  --suite-font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;
}

:root[data-theme="light"] {
  --suite-canvas: #f6f9fa;
  --suite-surface: #ffffff;
  --suite-surface-muted: #eef3f5;
  --suite-border: #d5e0e5;
  --suite-ink: #0e1a22;
  --suite-muted: #546471;
  --suite-muted-strong: #3b4a56;
  --suite-accent: #0f766e;
  --suite-accent-hover: #115e59;
  --suite-accent-strong: #115e59;
  --suite-accent-soft: #e6f7f5;
  --suite-accent-ink: #134e4a;
  --suite-accent-text: #0f766e;
  --suite-button-ink: #ffffff;
  --suite-radius: 1rem;
  --suite-blur: 0px;
  --suite-danger: #b91c1c;
  --suite-danger-soft: #fef2f2;
  --suite-danger-ink: #7f1d1d;
  --suite-warning: #b45309;
  --suite-warning-soft: #fffbeb;
  --suite-warning-ink: #78350f;
  --suite-success: #047857;
  --suite-success-soft: #ecfdf5;
  --suite-success-ink: #064e3b;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --suite-dur-schnell: 0ms;
    --suite-dur-normal: 0ms;
    --suite-dur-langsam: 0ms;
  }
}