/* Dunkler Modus: überschreibt die Preset-Variablen aus theme.json (Quelle: design/tokens.css). */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --wp--preset--color--base: #141416;
    --wp--preset--color--contrast: #F2F2EF;
    --wp--preset--color--muted: #A6A6AB;
    --wp--preset--color--surface: #1D1D20;
    --wp--preset--color--border: #34343A;
    --wp--preset--color--accent: #E85AA8;
    --wp--preset--color--accent-contrast: #141416;
    --wp--preset--color--focus: #E85AA8;
    --wp--preset--shadow--subtle: 0 1px 0 rgba(0, 0, 0, 0.4);
    --wp--preset--shadow--raised: 0 18px 40px rgba(0, 0, 0, 0.5);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --wp--preset--color--base: #141416;
  --wp--preset--color--contrast: #F2F2EF;
  --wp--preset--color--muted: #A6A6AB;
  --wp--preset--color--surface: #1D1D20;
  --wp--preset--color--border: #34343A;
  --wp--preset--color--accent: #E85AA8;
  --wp--preset--color--accent-contrast: #141416;
  --wp--preset--color--focus: #E85AA8;
  --wp--preset--shadow--subtle: 0 1px 0 rgba(0, 0, 0, 0.4);
  --wp--preset--shadow--raised: 0 18px 40px rgba(0, 0, 0, 0.5);
}