/* Automatisch erzeugt aus den Design-Einstellungen */
:root {
  --brand: #1f6f5c;
  --on-brand: #ffffff;
  --primary: #1f6f5c;
  --primary-dark: #19594a;
  --primary-soft: #e2ecea;
  --on-primary: #ffffff;
  --accent: #f2b632;
  --on-accent: #14181a;
}
:root[data-theme="dunkel"] {
  --brand: #1c594a;
  --on-brand: #ffffff;
  --primary: #579385;
  --primary-dark: #81aea4;
  --primary-soft: #1c3831;
  --on-primary: #14181a;
  --accent: #f2b632;
  --on-accent: #14181a;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="hell"]) {
  --brand: #1c594a;
  --on-brand: #ffffff;
  --primary: #579385;
  --primary-dark: #81aea4;
  --primary-soft: #1c3831;
  --on-primary: #14181a;
  --accent: #f2b632;
  --on-accent: #14181a;
}
}
:root { --font-body: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-heading: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-family: var(--font-body); }
h1, h2, h3, .brand-name, .course-hero h1 { font-family: var(--font-heading); }
:root { --radius: 18px; --shadow: 0 2px 6px rgba(20, 40, 35, .05), 0 10px 30px rgba(20, 40, 35, .07); }
.btn, .badge { border-radius: 999px; }
.topbar, .public-header { background: linear-gradient(120deg, var(--brand), color-mix(in srgb, var(--brand) 70%, var(--accent))); }
.sidebar a, .sidebar .link { border-radius: 999px; }
input, select, textarea { border-radius: 12px !important; }
:root { --logo-h: 36px; --wordmark-h: 36px; --topbar-h: 56px; }