/* Lichte modus + weerkaart overlay */
html.light body{background:#eef2f7 !important;color:#0f172a}
html.light .bg-slate-950,html.light .bg-slate-900,html.light .bg-slate-900\/95,html.light .bg-slate-900\/90{background-color:rgba(255,255,255,.92) !important}
html.light .bg-slate-800,html.light .bg-slate-800\/40,html.light .bg-slate-800\/80,html.light .bg-slate-800\/90{background-color:#e2e8f0 !important}
html.light .hover\:bg-slate-700:hover{background-color:#cbd5e1 !important}
html.light .border-slate-800,html.light .border-slate-700,html.light .border-slate-700\/80,html.light .border-slate-700\/50,html.light .border-slate-700\/40{border-color:#cbd5e1 !important}
html.light .text-slate-100,html.light .text-slate-200,html.light .text-white{color:#0f172a !important}
html.light .text-slate-300,html.light .text-slate-400,html.light .text-slate-500{color:#475569 !important}
html.light .text-cyan-300,html.light .text-cyan-400{color:#0e7490 !important}
html.light #impact-sidebar{background:linear-gradient(180deg,#fff,#f1f5f9) !important;border-right:1px solid #cbd5e1 !important}
html.light header.z-50{background:rgba(255,255,255,.85) !important}
html.light .radar-floating-bar>div,html.light .mobile-weather-pill{background:rgba(255,255,255,.88) !important;border-color:#cbd5e1 !important}
html.light #weather-temp{background:linear-gradient(180deg,#0f172a,#0891b2);-webkit-background-clip:text;background-clip:text;color:transparent !important}
html.light #dynamic-activities-container>*{background:#fff !important;border-color:#e2e8f0}
html.light #search-results{background:#fff !important}
html.light .leaflet-container{background:#dbe4ee !important}
html.light .leaflet-bar a{background:#fff !important;color:#334155 !important}
body{font-family:'Inter',system-ui,sans-serif !important}
#hero-weather-card{background:rgba(11,19,41,.72);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 50px -15px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06);color:#f8fafc}
#hero-weather-card .hero-muted{color:#94a3b8}
#hero-weather-card .hero-accent{color:#67e8f9}
#hero-temp{background:linear-gradient(180deg,#fff,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}
html.light #hero-weather-card{background:rgba(255,255,255,.85);border-color:#cbd5e1;color:#0f172a}
html.light #hero-weather-card .hero-muted{color:#475569 !important}
html.light #hero-weather-card .hero-accent{color:#0e7490 !important}
html.light #hero-temp{background:linear-gradient(180deg,#0f172a,#0891b2);-webkit-background-clip:text;background-clip:text}