/* Lichte modus voor morgen.css. Gemaakt door scripts/licht_css.py, niet met de hand aanpassen. */
:where(html[data-thema="licht"]) .morgen-status { border: 1px solid rgba(0, 0, 0, 0.108); background: rgba(0, 0, 0, 0.027); color: var(--muted); }
:where(html[data-thema="licht"]) .morgen-status-dot { background: var(--muted); }
:where(html[data-thema="licht"]) .morgen-status--real { border-color: rgba(46, 204, 113, 0.32); background: rgba(46, 204, 113, 0.08); color: var(--text); }
:where(html[data-thema="licht"]) .morgen-status--real .morgen-status-dot { background: #2ecc71; box-shadow: 0 0 8px rgba(46, 204, 113, 0.245); }
:where(html[data-thema="licht"]) .morgen-status--forecast { border-color: rgba(212, 42, 42, 0.3); background: rgba(212, 42, 42, 0.06); color: var(--text); }
:where(html[data-thema="licht"]) .morgen-status--forecast .morgen-status-dot { background: var(--accent); box-shadow: 0 0 8px rgba(255, 59, 59, 0.21); }
:where(html[data-thema="licht"]) .morgen-summary { color: var(--text); }
:where(html[data-thema="licht"]) .morgen-summary strong { color: var(--accent); }
:where(html[data-thema="licht"]) .morgen-summary a { color: var(--accent); }