:root,
[data-gev-theme="light"] {
  color-scheme: light;

  /* Herkunft: Rot, Schwarz, Weiß und warmes Grau des bestehenden GEV-Auftritts. */
  --gev-red-50: #fff1f2;
  --gev-red-100: #ffe1e4;
  --gev-red-200: #ffc7cd;
  --gev-red-300: #f89aa4;
  --gev-red-400: #e86b79;
  --gev-red-500: #cb3a49;
  --gev-red-600: #a92331;
  --gev-red-700: #861a27;
  --gev-red-800: #671722;
  --gev-red-900: #49151c;
  --gev-red-950: #2e0b11;

  --gev-neutral-0: #ffffff;
  --gev-neutral-50: #f7f6f3;
  --gev-neutral-100: #eeebe7;
  --gev-neutral-200: #dedad4;
  --gev-neutral-300: #c4bfb8;
  --gev-neutral-400: #948f89;
  --gev-neutral-500: #6d6965;
  --gev-neutral-600: #504d49;
  --gev-neutral-700: #373534;
  --gev-neutral-800: #242322;
  --gev-neutral-900: #171716;
  --gev-neutral-950: #0d0d0c;

  --gev-blue-50: #edf7fb;
  --gev-blue-600: #246784;
  --gev-blue-800: #17475d;
  --gev-green-50: #edf8f3;
  --gev-green-600: #146b46;
  --gev-green-800: #0f4d35;
  --gev-amber-50: #fff7e7;
  --gev-amber-600: #945700;
  --gev-amber-800: #603900;

  /* Semantische Farben */
  --gev-color-canvas: #f1f0ec;
  --gev-color-static-white: #ffffff;
  --gev-color-static-black: #000000;
  --gev-color-surface: #ffffff;
  --gev-color-surface-muted: #f7f6f3;
  --gev-color-surface-raised: #ffffff;
  --gev-color-surface-inverse: #171b1e;
  --gev-color-navigation: #171b1e;
  --gev-color-navigation-text: #f8fafb;
  --gev-color-inverse-border: rgb(255 255 255 / 0.14);
  --gev-color-inverse-border-strong: rgb(255 255 255 / 0.85);
  --gev-color-inverse-text: rgb(255 255 255 / 0.72);
  --gev-color-inverse-text-muted: rgb(255 255 255 / 0.64);
  --gev-color-inverse-text-soft: rgb(255 255 255 / 0.48);
  --gev-color-inverse-hover: rgb(255 255 255 / 0.08);
  --gev-color-inverse-current: rgb(255 255 255 / 0.1);
  --gev-color-text: #15191c;
  --gev-color-text-muted: #566068;
  --gev-color-text-soft: #737c83;
  --gev-color-text-inverse: #f8fafb;
  --gev-color-border: #d7dadc;
  --gev-color-border-strong: #a5acb1;
  --gev-color-brand: #a92331;
  --gev-color-brand-hover: #861a27;
  --gev-color-brand-active: #671722;
  --gev-color-brand-soft: #fff1f2;
  --gev-color-brand-on-inverse: #e05564;
  --gev-color-action-danger: #b4232d;
  --gev-color-action-danger-hover: #861a27;
  --gev-color-link: #174f69;
  --gev-color-link-hover: #103c51;
  --gev-color-focus: #2c79a0;

  --gev-status-success: #146b46;
  --gev-status-success-soft: #edf8f3;
  --gev-status-warning: #945700;
  --gev-status-warning-soft: #fff7e7;
  --gev-status-danger: #b4232d;
  --gev-status-danger-soft: #fff1f2;
  --gev-status-info: #246784;
  --gev-status-info-soft: #edf7fb;
  --gev-status-neutral: #5d666d;
  --gev-status-neutral-soft: #f0f2f3;
  --gev-status-unknown: #5b5264;
  --gev-status-unknown-soft: #f4f1f6;
  --gev-color-system-online: #59c58d;
  --gev-color-scrim: rgb(4 8 10 / 0.68);

  /* Typografie */
  --gev-font-sans: Inter, "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --gev-font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --gev-font-size-11: 0.6875rem;
  --gev-font-size-12: 0.75rem;
  --gev-font-size-14: 0.875rem;
  --gev-font-size-16: 1rem;
  --gev-font-size-18: 1.125rem;
  --gev-font-size-22: 1.375rem;
  --gev-font-size-28: 1.75rem;
  --gev-font-size-36: 2.25rem;
  --gev-line-tight: 1.15;
  --gev-line-heading: 1.25;
  --gev-line-body: 1.55;
  --gev-letter-label: 0.075em;
  --gev-weight-regular: 400;
  --gev-weight-medium: 560;
  --gev-weight-semibold: 650;
  --gev-weight-bold: 750;

  /* 4-Pixel-Raster */
  --gev-space-0: 0;
  --gev-space-1: 0.25rem;
  --gev-space-2: 0.5rem;
  --gev-space-3: 0.75rem;
  --gev-space-4: 1rem;
  --gev-space-5: 1.25rem;
  --gev-space-6: 1.5rem;
  --gev-space-8: 2rem;
  --gev-space-10: 2.5rem;
  --gev-space-12: 3rem;
  --gev-space-16: 4rem;
  --gev-space-20: 5rem;
  --gev-space-24: 6rem;

  /* Geometrie: kontrolliert und funktional, nicht weich oder verspielt. */
  --gev-radius-none: 0;
  --gev-radius-sm: 2px;
  --gev-radius-md: 4px;
  --gev-radius-lg: 8px;
  --gev-radius-pill: 999px;
  --gev-border-thin: 1px;
  --gev-border-strong: 2px;
  --gev-control-height: 2.75rem;
  --gev-control-height-compact: 2.25rem;
  --gev-content-max: 90rem;
  --gev-reading-max: 72ch;

  /* Tiefe bleibt sparsam. Struktur entsteht primär durch Linien und Flächen. */
  --gev-shadow-sm: 0 1px 2px rgb(12 18 22 / 0.08);
  --gev-shadow-md: 0 8px 22px rgb(12 18 22 / 0.12);
  --gev-shadow-dialog: 0 24px 80px rgb(8 12 15 / 0.28);

  --gev-duration-fast: 120ms;
  --gev-duration-base: 180ms;
  --gev-ease-standard: cubic-bezier(0.2, 0, 0, 1);

  --gev-z-base: 0;
  --gev-z-sticky: 20;
  --gev-z-overlay: 80;
  --gev-z-dialog: 100;
  --gev-z-toast: 120;
}

[data-gev-theme="dark"] {
  color-scheme: dark;
  --gev-color-canvas: #0d1114;
  --gev-color-surface: #141a1e;
  --gev-color-surface-muted: #1b2328;
  --gev-color-surface-raised: #20282d;
  --gev-color-surface-inverse: #f4f6f7;
  --gev-color-navigation: #101518;
  --gev-color-navigation-text: #f8fafb;
  --gev-color-text: #f4f6f7;
  --gev-color-text-muted: #bac1c5;
  --gev-color-text-soft: #929da3;
  --gev-color-text-inverse: #111517;
  --gev-color-border: #333e45;
  --gev-color-border-strong: #53616a;
  --gev-color-brand: #c43848;
  --gev-color-brand-hover: #dc5261;
  --gev-color-brand-active: #a92331;
  --gev-color-brand-soft: #35161c;
  --gev-color-link: #78b9d5;
  --gev-color-link-hover: #a8d4e6;
  --gev-color-focus: #65b7dc;

  --gev-status-success: #6fd0a1;
  --gev-status-success-soft: #102c21;
  --gev-status-warning: #f2bd68;
  --gev-status-warning-soft: #33240f;
  --gev-status-danger: #ff8b96;
  --gev-status-danger-soft: #35161c;
  --gev-status-info: #7fc3df;
  --gev-status-info-soft: #102934;
  --gev-status-neutral: #c0c7cb;
  --gev-status-neutral-soft: #252d32;
  --gev-status-unknown: #c9b5d4;
  --gev-status-unknown-soft: #2a2230;

  --gev-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.35);
  --gev-shadow-md: 0 10px 26px rgb(0 0 0 / 0.35);
  --gev-shadow-dialog: 0 24px 80px rgb(0 0 0 / 0.62);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --gev-duration-fast: 0ms;
    --gev-duration-base: 0ms;
  }
}