/** * Farbschemata: werden per data-color-scheme auf aktiviert. * Kern-Variablen (--color-brand, --color-action, --color-danger, --color-accent) * sollten in der App für Akzente genutzt werden; bestehende style.css :root-Werte * gelten als „default“, hier nur gezielt überschrieben. */ html[data-color-scheme="default"], :root:not([data-color-scheme]) { --color-brand: #4caf50; --color-action: #007aff; --color-danger: #dc3545; --color-accent: #7fff7f; } html[data-color-scheme="ocean"] { --color-brand: #14b8a6; --color-action: #0ea5e9; --color-danger: #f43f5e; --color-accent: #22d3ee; } html[data-color-scheme="forest"] { --color-brand: #22c55e; --color-action: #16a34a; --color-danger: #ef4444; --color-accent: #4ade80; } html[data-color-scheme="sunset"] { --color-brand: #f97316; --color-action: #ea580c; --color-danger: #dc2626; --color-accent: #fb923c; } html[data-color-scheme="violet"] { --color-brand: #a855f7; --color-action: #8b5cf6; --color-danger: #f43f5e; --color-accent: #c084fc; } html[data-color-scheme="midnight"] { --color-brand: #38bdf8; --color-action: #6366f1; --color-danger: #f87171; --color-accent: #818cf8; }