/* Default: dark via body:not(.light) */ :root { /* farger brukes av layout/komponenter */ --bg: #0f1115; --surface: rgba(0,0,0, var(--glass-alpha)); --border: rgba(255,255,255, var(--glass-border-alpha)); --text: #e9edf1; --muted: #9aa6b2; --accent: #7cc5ff; --danger: #ff7a7a; --success: #7affb0; --desktop-bg: radial-gradient(1200px 800px at 20% 10%, rgba(255,255,255,0.08), transparent), radial-gradient(1000px 600px at 80% 90%, rgba(255,255,255,0.05), transparent), linear-gradient(135deg, #0e0f11, #12141a); } /* Light theme (legg class="light" på ) */ .light { --bg: #f5f7fb; --surface: rgba(255,255,255, 0.8); --border: rgba(0,0,0,0.08); --text: #101317; --muted: #5c6672; --accent: #2367d1; --danger: #c92a2a; --success: #2f9e44; --desktop-bg: radial-gradient(1200px 800px at 20% 10%, rgba(0,0,0,0.03), transparent), radial-gradient(1000px 600px at 80% 90%, rgba(0,0,0,0.02), transparent), linear-gradient(135deg, #eef2f7, #ffffff); } /* Hvis du ønsker å følge OS-innstilling som fallback: */ @media (prefers-color-scheme: light) { body:not(.dark):not(.light) { /* bare hvis verken .dark eller .light finnes */ --bg: #f5f7fb; --surface: rgba(255,255,255, 0.8); --border: rgba(0,0,0,0.08); --text: #101317; --muted: #5c6672; --desktop-bg: radial-gradient(1200px 800px at 20% 10%, rgba(0,0,0,0.03), transparent), radial-gradient(1000px 600px at 80% 90%, rgba(0,0,0,0.02), transparent), linear-gradient(135deg, #eef2f7, #ffffff); } }