/* ============================================================ VARIANTE I — „Hell/Dunkel umschaltbar" Ein Theme mit echtem Light-/Dark-Toggle (Wahl liegt beim Besucher). - HELL (Standard, :root): Look der Variante F (Markenlila, weißes Papier) - DUNKEL (.hl-dark auf ): Look der Variante H (Nachtviolett) Beide Modi nutzen die stylisierten SVG-Wellen (Feature hl-cwave-dark). Der Umschalter (parts/mode-toggle.php) setzt/merkt die Klasse .hl-dark. ============================================================ */ /* ---------- HELLER MODUS (Standard) ---------- */ :root { --lila: #7B5EA7; --lila-dark: #43306B; --lila-light: #EEE9F6; --lila-mid: #C7B4E2; --lila-soft: #FBF9FE; --gold: #D2AE63; --white: #FFFFFF; --grey-bg: #F6F3FB; --grey-border: #E6DEF1; --text: #2C2540; --text-muted: #6B6280; --text-light: #6B6280; --font-display: 'Playfair Display', Georgia, serif; --font-body: 'Inter', system-ui, sans-serif; --radius: 6px; --radius-lg: 14px; --shadow: 0 4px 22px rgba(67,48,107,0.08); --shadow-lg: 0 18px 54px rgba(67,48,107,0.14); --transition: 0.25s ease; --accent: var(--lila); --accent-deep: var(--lila-dark); --on-accent: #FFFFFF; --hero-bg: linear-gradient(180deg, #FFFFFF 0%, #F4EFFB 100%); --wave: var(--lila-mid); --ink: var(--text); } /* ---------- DUNKLER MODUS (.hl-dark auf ) ---------- */ .hl-dark { --lila: #C7A4E8; --lila-dark: #6E5689; --lila-light: rgba(142,111,184,0.16); --lila-mid: #6E5689; --lila-soft: #221530; --gold: #D8B878; --white: #1A1124; --grey-bg: #150C1E; --grey-border: rgba(201,169,110,0.20); --text: #EDE6F2; --text-muted: #C3B6D0; --text-light: #C3B6D0; --radius: 8px; --radius-lg: 16px; --shadow: 0 10px 30px rgba(0,0,0,0.45); --shadow-lg: 0 18px 50px rgba(0,0,0,0.55); --accent: #8E6FB8; --accent-deep: #A98AD0; --on-accent: #15091F; --hero-bg: radial-gradient(120% 90% at 75% 10%, #2A1738 0%, #1A1124 60%, #150C1E 100%); --wave: #6E5689; --ink: #EDE6F2; }