/**
 * Saison für PubQuiz-Hub-Website (body.site-body) und Hub-App (body.hub-app).
 * Geladen nur bei Halloween oder Winter (QtSeason::layoutHead). Die Hub-Farben
 * bleiben, die Saison ändert Hero, Kanten und Licht. Dekoration: season-layer.css.
 */

/* ---------- Halloween ---------- */
html[data-season="halloween"] {
    --season-accent: #ff8a2a;
    --season-glow: rgba(255, 138, 42, 0.30);
    --season-border: rgba(255, 138, 42, 0.30);
    --season-decoration-opacity: 0.9;
    --season-fog: rgba(150, 120, 200, 0.10);
    overflow-x: clip;
}

/* Website: Hero als Kneipennacht mit Kürbislicht, Seite bleibt hell und lesbar */
html[data-season="halloween"] body.site-body {
    --s-hero: radial-gradient(70% 90% at 12% 100%, rgba(255, 138, 42, 0.38), transparent 60%),
        radial-gradient(50% 70% at 92% 0%, rgba(230, 220, 255, 0.18), transparent 60%),
        linear-gradient(135deg, #140d24 0%, #2a1550 55%, #4b2a8a 100%);
    background:
        radial-gradient(900px 500px at 0% 100%, rgba(255, 138, 42, 0.07), transparent 60%),
        var(--s-bg);
    background-attachment: fixed;
}

html[data-season="halloween"] body.site-body .site-header {
    border-bottom-color: var(--season-border);
    box-shadow: 0 1px 0 rgba(255, 138, 42, 0.12);
}

/* Header bleibt über der Dekoration, Inhalt ebenfalls */
html[data-season] body.site-body .site-header { z-index: 10; }

@media (prefers-color-scheme: dark) {
    html[data-season="halloween"] body.site-body {
        --s-bg: #100b18;
        --s-surface: #1b1426;
        --s-alt: #170f22;
        --s-line: #34264a;
    }
}

/* App: dunkle Hub-Oberfläche mit Kürbislicht */
html[data-season="halloween"] body.hub-app {
    background:
        radial-gradient(800px 480px at 8% 100%, rgba(255, 138, 42, 0.16), transparent 60%),
        radial-gradient(700px 420px at 95% 0%, rgba(220, 210, 255, 0.10), transparent 60%),
        linear-gradient(135deg, #120b22, #2a1a4f 60%, #1d1530);
    background-attachment: fixed;
}

html[data-season="halloween"] body.hub-app .hub-header {
    border-color: var(--season-border);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(255, 138, 42, 0.08);
}

/* ---------- Winter ---------- */
html[data-season="winter"] {
    --season-accent: #7fdcff;
    --season-glow: rgba(127, 220, 255, 0.26);
    --season-border: rgba(127, 220, 255, 0.28);
    --season-decoration-opacity: 0.85;
    --season-fog: rgba(210, 235, 255, 0.08);
    overflow-x: clip;
}

html[data-season="winter"] body.site-body {
    --s-hero: radial-gradient(60% 90% at 15% 100%, rgba(255, 196, 120, 0.30), transparent 60%),
        radial-gradient(55% 80% at 90% 0%, rgba(160, 220, 255, 0.28), transparent 60%),
        linear-gradient(135deg, #0f1a33 0%, #1e2f5c 55%, #3a3f8f 100%);
}

html[data-season="winter"] body.site-body .site-header {
    border-bottom-color: var(--season-border);
}

html[data-season="winter"] body.hub-app {
    background:
        radial-gradient(800px 480px at 10% 100%, rgba(255, 196, 120, 0.12), transparent 60%),
        radial-gradient(700px 420px at 90% 0%, rgba(127, 220, 255, 0.14), transparent 60%),
        linear-gradient(135deg, #0b1226, #1d2a55 60%, #18213f);
    background-attachment: fixed;
}

html[data-season="winter"] body.hub-app .hub-header {
    border-color: var(--season-border);
}