/* Design-Tokens des Testthemes. Alle Farben und Abstände stehen nur hier. */
:root {
  --color-bg: #FAFAF7;
  --color-surface: #FFFFFF;
  --color-text: #1A1A17;
  --color-text-muted: #55554E;
  --color-border: #D6D5CC;
  --color-accent: #1F5E4B;
  --color-accent-contrast: #FFFFFF;
  --color-focus: #B3541E;
  --color-error: #A3271F;
  --color-success: #1F6B3A;

  --font-body: system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: ui-monospace, 'SFMono-Regular', Menlo, monospace;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;

  --radius: 2px;
  --line: 1px;
  --container: 72rem;
  --container-narrow: 46rem;
  --duration: 150ms;

  /* Kern-Tokens (Pflicht laut Theme-Schnittstelle § 8) */
  --ews-color-bg: var(--color-bg);
  --ews-color-surface: var(--color-surface);
  --ews-color-text: var(--color-text);
  --ews-color-text-muted: var(--color-text-muted);
  --ews-color-border: var(--color-border);
  --ews-color-accent: var(--color-accent);
  --ews-color-accent-contrast: var(--color-accent-contrast);
  --ews-color-focus: var(--color-focus);
  --ews-color-error: var(--color-error);
  --ews-color-success: var(--color-success);
  --ews-font-body: var(--font-body);
  --ews-radius: var(--radius);
  --ews-space: var(--space-3);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --color-bg: #141414;
    --color-surface: #1E1E1C;
    --color-text: #ECEBE4;
    --color-text-muted: #A9A89F;
    --color-border: #3A3A36;
    --color-accent: #7FC4A8;
    --color-accent-contrast: #10221B;
    --color-focus: #F0A36B;
    --color-error: #F08A80;
    --color-success: #7FCB97;
  }
}
:root[data-theme="dark"] {
  --color-bg: #141414;
  --color-surface: #1E1E1C;
  --color-text: #ECEBE4;
  --color-text-muted: #A9A89F;
  --color-border: #3A3A36;
  --color-accent: #7FC4A8;
  --color-accent-contrast: #10221B;
  --color-focus: #F0A36B;
  --color-error: #F08A80;
  --color-success: #7FCB97;
}