:root{--bg: #e7ded2;--bg-gradient: radial-gradient(120% 90% at 78% 12%, #f3ece1 0%, #e9e0d4 46%, #e2d8ca 100%);--surface: #faf6ee;--surface-elevated: #ffffff;--surface-2: #f3ecdd;--surface-tint: #f3ecdd;--surface-track: #efe8dc;--accent: #F4B400;--accent-deep: #E0A200;--accent-ink: #3a2f18;--link: #856008;--secondary: #6E5CCB;--secondary-deep:#5d4fc0;--green: var(--link);--green-dark: #7a5606;--green-mid: #b0842a;--green-vivid: var(--accent-deep);--green-light: #f6edd6;--green-xlight: #faf6ee;--ink: #2a2520;--blue: var(--secondary);--blue-light: #ece9fb;--amber: #C97A10;--amber-text: #9A6E08;--amber-light: #fbeecd;--text: #2a2520;--text-mid: #5f564b;--text-soft: #6a5f52;--text-xsoft: #8a7f70;--text-muted: #6a5f52;--success: #3f8a56;--success-bg: #e6f2ea;--danger: #c85a42;--danger-bg: #f6e3dd;--warning: #C97A10;--red: #c85a42;--red-light: #f6e3dd;--correct: var(--success);--correct-bg: var(--success-bg);--wrong: var(--danger);--wrong-bg: var(--danger-bg);--mod-lesen: #8A6A1F;--mod-hoeren: #C1462F;--mod-schreiben: #A2466B;--mod-sprechen: #E39A2A;--mod-vokabeln: #B23E6E;--on-module: #ffffff;--on-module-light: #3a2f18;--on-dark: #f3ece1;--on-dark-muted: #c9bfae;--option-selected-bg: #fbf0d6;--option-selected-border: var(--accent-deep);--progress-fill: var(--secondary);--timer-urgent: var(--danger);--border: rgba(43,38,34,.1);--border-mid: rgba(43,38,34,.18);--shadow-xs: 0 1px 3px rgba(70,55,30,.1);--shadow-sm: 0 2px 8px rgba(70,55,30,.12), 0 1px 2px rgba(70,55,30,.06);--shadow: 0 4px 16px rgba(70,55,30,.14), 0 1px 4px rgba(70,55,30,.08);--shadow-hover: 0 8px 26px rgba(70,55,30,.16), 0 3px 10px rgba(70,55,30,.1);--shadow-lg: 0 20px 40px -16px rgba(70,55,30,.4);--radius-xs: 6px;--radius-sm: 10px;--radius: 14px;--radius-lg: 18px;--radius-xl: 22px;--header-h: 56px;--page-max: 680px;--font: "Inter", system-ui, -apple-system, sans-serif}