/* Automatisch erzeugt aus den Design-Einstellungen */
:root {
  --brand: #025dab;
  --on-brand: #ffffff;
  --primary: #025dab;
  --primary-dark: #024a89;
  --primary-soft: #deeaf4;
  --on-primary: #ffffff;
  --accent: #feb902;
  --on-accent: #14181a;
}
:root[data-theme="dunkel"] {
  --brand: #064c86;
  --on-brand: #ffffff;
  --primary: #5090c5;
  --primary-dark: #7cacd4;
  --primary-soft: #143347;
  --on-primary: #14181a;
  --accent: #feb902;
  --on-accent: #14181a;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme="hell"]) {
  --brand: #064c86;
  --on-brand: #ffffff;
  --primary: #5090c5;
  --primary-dark: #7cacd4;
  --primary-soft: #143347;
  --on-primary: #14181a;
  --accent: #feb902;
  --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))); color: var(--on-brand); border-bottom: 0; }
.topbar::before, .public-header::before { display: none; }
.topbar .brand, .topbar .burger, .public-header .brand, .public-header nav a:not(.btn) { color: var(--on-brand); }
.public-header nav a.active:not(.btn) { color: var(--on-brand); border-bottom-color: var(--accent); }
.topbar .role-badge { background: color-mix(in srgb, var(--on-brand) 18%, transparent); color: var(--on-brand); }
.public-header .btn { background: var(--accent); color: var(--on-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; }