/* Lichte modus voor vandaag.css. Gemaakt door scripts/licht_css.py, niet met de hand aanpassen. */
:where(html[data-thema="licht"]) .vandaag-page .vandaag-hero { background: linear-gradient(145deg, var(--bg-card), var(--bg-card-alt)); border: 2px solid var(--line); box-shadow: 0 25px 45px rgba(0, 0, 0, 0.135), var(--glow); }
:where(html[data-thema="licht"]) .vandaag-page .vandaag-hero-intro { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-page .vandaag-hero .graph-disclaimer--note { border-top: 0; }
:where(html[data-thema="licht"]) .vandaag-now-card { border: 1px solid rgba(0, 0, 0, 0.072); background: linear-gradient(140deg, rgba(0, 0, 0, 0.036), rgba(0, 0, 0, 0.009)); box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12); }
:where(html[data-thema="licht"]) .vandaag-now-card--cheap { background: linear-gradient(140deg, rgba(46, 204, 113, 0.18), rgba(46, 204, 113, 0.05)); border-color: rgba(46, 204, 113, 0.32); box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12), 0 0 28px rgba(46, 204, 113, 0.035); }
:where(html[data-thema="licht"]) .vandaag-now-card--peak { background: linear-gradient(140deg, rgba(212, 42, 42, 0.18), rgba(212, 42, 42, 0.05)); border-color: rgba(212, 42, 42, 0.32); box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12), 0 0 28px rgba(255, 59, 59, 0.035); }
:where(html[data-thema="licht"]) .vandaag-now-card--cheap .vandaag-now-price { background: linear-gradient(
    180deg,
    #ffffff 0%,
    #ffffff 38%,
    #ffe066 50%,
    #ffffff 62%,
    #ffffff 100%
  ); background-size: 100% 280%; background-clip: text; color: transparent; -webkit-text-fill-color: transparent; }
@media (prefers-reduced-motion: reduce) {
  :where(html[data-thema="licht"]) .vandaag-now-card--cheap .vandaag-now-price { background: none; background-clip: initial; color: var(--text); -webkit-text-fill-color: initial; }
}
:where(html[data-thema="licht"]) .vandaag-now-label { color: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-now-price { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-now-unit { color: var(--muted); }
:where(html[data-thema="licht"]) .meter-lamp { fill: rgba(0, 0, 0, 0.072); }
:where(html[data-thema="licht"]) .meter-lamp.is-aan, :where(html[data-thema="licht"]) .meter-lamp.is-straks-aan { fill: var(--lamp); filter: drop-shadow(0 0 2.5px var(--lamp-gloed)); }
:where(html[data-thema="licht"]) .vandaag-meter-bereik { color: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-meter-eind--laag { color: #229653; }
:where(html[data-thema="licht"]) .vandaag-meter-eind--hoog { color: #d42a2a; }
:where(html[data-thema="licht"]) .vandaag-volgend { border: 1px solid rgba(0, 0, 0, 0.09); background: rgba(0, 0, 0, 0.045); color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-volgend--op { background: rgba(212, 42, 42, 0.1); border-color: rgba(212, 42, 42, 0.35); }
:where(html[data-thema="licht"]) .vandaag-volgend--op .vandaag-volgend-verschil { color: #d42a2a; }
:where(html[data-thema="licht"]) .vandaag-volgend--neer { background: rgba(46, 204, 113, 0.1); border-color: rgba(46, 204, 113, 0.35); }
:where(html[data-thema="licht"]) .vandaag-volgend--neer .vandaag-volgend-verschil { color: #249453; }
:where(html[data-thema="licht"]) .vandaag-volgend--gelijk .vandaag-volgend-verschil { color: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-volgend-pijl { fill: none; stroke: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-volgend--op .vandaag-volgend-pijl { stroke: #d42a2a; filter: drop-shadow(0 0 2px rgba(255, 59, 59, 0.315)); }
:where(html[data-thema="licht"]) .vandaag-volgend--neer .vandaag-volgend-pijl { stroke: #229653; filter: drop-shadow(0 0 2px rgba(46, 204, 113, 0.315)); }
:where(html[data-thema="licht"]) .vandaag-cheap-card { background: linear-gradient(150deg, var(--bg-card), var(--bg-card-alt)); border: 1.5px solid rgba(0, 0, 0, 0.054); box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12); }
:where(html[data-thema="licht"]) .vandaag-section-title { color: var(--accent); }
:where(html[data-thema="licht"]) .vandaag-cheap-status { color: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-cheap-status a { color: var(--accent); }
:where(html[data-thema="licht"]) .vandaag-venster-icoon { fill: none; background: radial-gradient(circle closest-side, rgba(0, 0, 0, 0.068) 0 55%, transparent 65%) 0 0 /
    calc(100% / var(--w)) calc(100% / var(--h)); }
:where(html[data-thema="licht"]) .led-glas { stroke: #606060; }
:where(html[data-thema="licht"]) .led-maan { stroke: #b88700; filter: drop-shadow(0 0 1.4px rgba(255, 224, 138, 0.28)); }
:where(html[data-thema="licht"]) .vandaag-venster-wacht { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-venster-wacht strong { color: #229653; }
:where(html[data-thema="licht"]) .vandaag-venster-wacht span { color: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-venster-tijd { color: #229653; text-shadow: 0 0 10px rgba(46, 204, 113, 0.193); }
:where(html[data-thema="licht"]) .vandaag-venster-prijs { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-venster-verschil { color: #249453; }
:where(html[data-thema="licht"]) .vandaag-venster-verschil .vandaag-volgend-pijl { stroke: #229653; }
:where(html[data-thema="licht"]) .vandaag-venster-voorbij { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-venster-morgen { border: 1.5px solid rgba(212, 42, 42, 0.5); color: #d42a2a; text-decoration: none; }
:where(html[data-thema="licht"]) .vandaag-venster-morgen:hover { border-color: var(--accent); color: var(--accent); }
:where(html[data-thema="licht"]) .vandaag-cheap-unit { color: var(--muted); }
:where(html[data-thema="licht"]) .vandaag-chart-wrap { background: rgba(0, 0, 0, 0.066); border: 1px solid rgba(0, 0, 0, 0.054); }
:where(html[data-thema="licht"]) .vandaag-faq-item { background: linear-gradient(150deg, var(--bg-card), var(--bg-card-alt)); border: 1px solid rgba(0, 0, 0, 0.054); }
:where(html[data-thema="licht"]) .vandaag-faq-item[open] { border-color: rgba(212, 42, 42, 0.22); }
:where(html[data-thema="licht"]) .vandaag-faq-item summary { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-faq-item summary::after { color: var(--accent); }
:where(html[data-thema="licht"]) .vandaag-faq-item summary:hover, :where(html[data-thema="licht"]) .vandaag-faq-item summary:focus-visible { color: var(--accent); }
:where(html[data-thema="licht"]) .vandaag-faq-item p { color: var(--text); }
:where(html[data-thema="licht"]) .vandaag-faq-item p a { color: var(--accent); }
:where(html[data-thema="licht"]) .gas-kaart { border: 1px solid rgba(0, 0, 0, 0.072); background: linear-gradient(140deg, rgba(0, 0, 0, 0.036), rgba(0, 0, 0, 0.009)); box-shadow: 0 18px 32px rgba(0, 0, 0, 0.12); }
:where(html[data-thema="licht"]) .gas-kop .heading-icon, :where(html[data-thema="licht"]) .gas-kop .heading-icon svg { color: #b87700; }
:where(html[data-thema="licht"]) .gas-label { color: var(--muted); }
:where(html[data-thema="licht"]) .gas-prijs { color: var(--muted); }
:where(html[data-thema="licht"]) .gas-prijs strong { color: var(--text); }
:where(html[data-thema="licht"]) .gas-verschil--hoger { color: #d42a2a; }
:where(html[data-thema="licht"]) .gas-verschil--lager { color: #229653; }
:where(html[data-thema="licht"]) .gas-verschil--gelijk { color: var(--muted); }
:where(html[data-thema="licht"]) .gas-allin, :where(html[data-thema="licht"]) .gas-jaar { color: var(--muted); }
:where(html[data-thema="licht"]) .gas-allin strong { color: var(--text); }
:where(html[data-thema="licht"]) .gas-grafiek-vlak { fill: rgba(184, 119, 0, 0.12); stroke: none; }
:where(html[data-thema="licht"]) .gas-grafiek-lijn { fill: none; stroke: #b87700; }
:where(html[data-thema="licht"]) .gas-grafiek-vlam svg { color: #b87700; fill: rgba(184, 119, 0, 0.35); filter: drop-shadow(0 0 6px rgba(255, 176, 32, 0.193)); }
:where(html[data-thema="licht"]) .gas-grafiek-tekst { color: var(--muted); }
:where(html[data-thema="licht"]) .gas-stroom { border-top: 1px solid rgba(0, 0, 0, 0.072); }