/* Hero-Bereich: Light-Mode-Override */
html.light-mode .hero,
body.light-mode .hero {
    background: linear-gradient(160deg, var(--bg-section) 0%, #f0e0e0 55%, var(--bg-section) 100%) !important;
}
html.light-mode .hero h1,
body.light-mode .hero h1 {
    color: var(--text-main) !important;
}
html.light-mode .hero .hero-sub,
body.light-mode .hero .hero-sub {
    color: var(--text-muted) !important;
}
html.light-mode .hero .hero-season,
body.light-mode .hero .hero-season {
    color: var(--red) !important;
    border-color: var(--red) !important;
    background: rgba(204,0,0,0.08) !important;
}
html.light-mode .hero .btn-secondary,
body.light-mode .hero .btn-secondary {
    color: var(--text-main) !important;
    border-color: var(--border-col) !important;
}