/*
 * Erzeugt mit dem Theme-Editor (Plattform-Admin → Darstellung). Die Werte stammen aus editor.json.
 * Wird diese Datei von Hand geändert, öffnet der Editor das Template nicht mehr (siehe LIESMICH.txt).
 */

/* Design-Tokens: light-dark(hell, dunkel) */
:root {
  --color-primary: light-dark(#082702, #f1f5f9);
  --color-primary-hover: light-dark(#1a9e00, #cad5e2);
  --color-on-primary: light-dark(#ffffff, #0f172b);
  --color-page: light-dark(#f8fafc, #020618);
  --color-surface: light-dark(#ffffff, #0f172b);
  --color-header: light-dark(#ffffff, #0f172b);
  --color-ink: light-dark(#4d4242, #f1f5f9);
  --color-focus: light-dark(#0f172b, #f1f5f9);
  --color-link: light-dark(#e030f8, #91c5ff);
  --font-sans: ui-rounded, 'SF Pro Rounded', 'Hiragino Maru Gothic ProN', Quicksand, Comfortaa, Manjari, 'Arial Rounded MT', 'Arial Rounded MT Bold', Calibri, source-sans-pro, sans-serif;
  --font-display: var(--font-sans);
  --radius-button: 6px;
  --radius-field: 6px;
  --radius-card: 8px;
  --radius-panel: 12px;
  --radius-hero: 16px;
}

/* Palette im dunklen Modus an Fläche und Seitenhintergrund angleichen (beide Selektoren, sonst greift „system“ nicht) */
@media not print {
  :root[data-theme='dark'] { --color-white: #0f172b; --color-slate-50: #020618; }
  @media (prefers-color-scheme: dark) {
    :root[data-theme='system'] { --color-white: #0f172b; --color-slate-50: #020618; }
  }
}