/* Lichte modus voor daily.css. Gemaakt door scripts/licht_css.py, niet met de hand aanpassen. */
:where(html[data-thema="licht"]) .dailynew-page .daily-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"]) .dailynew-page .daily-hero-intro { color: var(--text); }
:where(html[data-thema="licht"]) .dailynew-page .share-strip { background: rgba(0, 0, 0, 0.023); border: 1px solid rgba(0, 0, 0, 0.072); }
:where(html[data-thema="licht"]) .daily-card--today { border-color: rgba(212, 42, 42, 0.28); }
:where(html[data-thema="licht"]) .daily-card-sub { color: var(--muted); }
:where(html[data-thema="licht"]) .daily-card-now { background: linear-gradient(135deg, rgba(212, 42, 42, 0.14), rgba(212, 42, 42, 0.04)); border: 1px solid rgba(212, 42, 42, 0.22); }
:where(html[data-thema="licht"]) .daily-card-now-label { color: var(--muted); }
:where(html[data-thema="licht"]) .daily-card-now-price { color: var(--text); }
:where(html[data-thema="licht"]) .daily-card-now-unit { color: var(--muted); }
:where(html[data-thema="licht"]) .daily-card-now-delta { border: 1px solid transparent; }
:where(html[data-thema="licht"]) .daily-card-now-delta--down { background: rgba(46, 204, 113, 0.12); border-color: rgba(46, 204, 113, 0.35); color: #229653; }
:where(html[data-thema="licht"]) .daily-card-now-delta--up { background: rgba(212, 42, 42, 0.1); border-color: rgba(212, 42, 42, 0.32); color: #d42a2a; }
:where(html[data-thema="licht"]) .forecast-now-line { stroke: var(--accent); }
:where(html[data-thema="licht"]) .forecast-now-label { fill: var(--accent); }
:where(html[data-thema="licht"]) .daily-card-tip .tag--now { background: rgba(212, 42, 42, 0.18); color: #d42a2a; }
:where(html[data-thema="licht"]) .dailynew-loading, :where(html[data-thema="licht"]) .dailynew-error { color: var(--muted); }
:where(html[data-thema="licht"]) .daily-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"]) .daily-card:hover { border-color: rgba(212, 42, 42, 0.45); box-shadow: 0 24px 42px rgba(0, 0, 0, 0.15), 0 0 32px rgba(255, 59, 59, 0.052); }
:where(html[data-thema="licht"]) .daily-card-head { background: transparent; border-bottom: 0; box-shadow: none; }
:where(html[data-thema="licht"]) .daily-card-title { color: var(--accent); }
:where(html[data-thema="licht"]) .daily-card-tag { background: rgba(0, 0, 0, 0.045); border: 1px solid rgba(0, 0, 0, 0.126); color: var(--text); }
:where(html[data-thema="licht"]) .daily-card-tag--cheap { background: rgba(46, 204, 113, 0.12); border-color: rgba(46, 204, 113, 0.4); color: #229653; }
:where(html[data-thema="licht"]) .daily-card-tag--peak { background: rgba(212, 42, 42, 0.1); border-color: rgba(212, 42, 42, 0.4); color: var(--accent); }
:where(html[data-thema="licht"]) .daily-card-chart-wrap { background: rgba(0, 0, 0, 0.054); }
:where(html[data-thema="licht"]) .daily-card-tip { background: rgba(244, 244, 244, 0.95); border: 1px solid rgba(0, 0, 0, 0.135); color: var(--muted); }
:where(html[data-thema="licht"]) .daily-card-tip .tag { background: rgba(46, 204, 113, 0.2); color: #22965b; }
:where(html[data-thema="licht"]) .daily-card-tip strong { color: var(--text); }
:where(html[data-thema="licht"]) .daily-stat { background: rgba(0, 0, 0, 0.023); border: 1px solid rgba(0, 0, 0, 0.054); }
:where(html[data-thema="licht"]) .daily-stat-label { color: var(--muted); }
:where(html[data-thema="licht"]) .daily-stat-value { color: var(--text); }
:where(html[data-thema="licht"]) .daily-stat-detail { color: var(--muted); }
:where(html[data-thema="licht"]) .daily-stat--cheap .daily-stat-value, :where(html[data-thema="licht"]) .daily-stat--cheap .daily-stat-detail { color: #229653; }
:where(html[data-thema="licht"]) .daily-stat--peak .daily-stat-value, :where(html[data-thema="licht"]) .daily-stat--peak .daily-stat-detail { color: var(--accent); }
:where(html[data-thema="licht"]) .daily-stat--window { background: rgba(46, 204, 113, 0.07); border-color: rgba(46, 204, 113, 0.28); }
:where(html[data-thema="licht"]) .daily-stat--window .daily-stat-value { color: #229653; }
:where(html[data-thema="licht"]) .daily-stat--window .daily-stat-detail { color: var(--muted); }
:where(html[data-thema="licht"]) .lightbox-title { color: var(--accent); }
:where(html[data-thema="licht"]) .lightbox-chart-wrap { background: rgba(0, 0, 0, 0.075); }
:where(html[data-thema="licht"]) .lightbox-stat { background: rgba(0, 0, 0, 0.036); border: 1px solid rgba(0, 0, 0, 0.072); }
:where(html[data-thema="licht"]) .lightbox-stat--window { background: rgba(46, 204, 113, 0.08); border-color: rgba(46, 204, 113, 0.3); }
:where(html[data-thema="licht"]) .lightbox-stat-label { color: var(--muted); }
:where(html[data-thema="licht"]) .lightbox-stat-value { color: var(--text); }
:where(html[data-thema="licht"]) .lightbox-stat--window .lightbox-stat-value { color: #229653; }
:where(html[data-thema="licht"]) .lightbox-stat-detail { color: var(--muted); }
:where(html[data-thema="licht"]) .lightbox-columns h3 { color: var(--text); }
:where(html[data-thema="licht"]) .lightbox-list--cheap li { background: rgba(46, 204, 113, 0.08); color: #229653; }
:where(html[data-thema="licht"]) .lightbox-list--peak li { background: rgba(212, 42, 42, 0.08); color: var(--accent); }
@media (max-width: 880px) {
  :where(html[data-thema="licht"]) .daily-dot { border: 0; background: rgba(0, 0, 0, 0.198); }
  :where(html[data-thema="licht"]) .daily-dot:hover { background: rgba(0, 0, 0, 0.36); }
  :where(html[data-thema="licht"]) .daily-dot.is-active { background: var(--accent); }
  :where(html[data-thema="licht"]) .daily-swipe-hint { color: var(--muted); }
}