/**
 * Seasonal Themes — Visuelle Skins basierend auf der Jahreszeit
 * Wird automatisch aktiviert via JS (SeasonalTheme.apply())
 * @copyright reDim GmbH | @link https://www.redim.de | @contact team@redim.de
 */

/* ============================================================================
   WINTER (Dezember - Februar)
   Farbpalette: Eisblau, Weiß, Silber
   ============================================================================ */

body.season-winter {
    --color-primary: #66ccff;
    --color-primary-glow: rgba(102, 204, 255, 0.4);
    --color-bg-dark: #0a0e1a;
    --color-bg-medium: #101828;
}

body.season-winter .landing-title .title-glow {
    text-shadow: 0 0 20px rgba(102, 204, 255, 0.6), 0 0 40px rgba(102, 204, 255, 0.3);
}

body.season-winter .btn-primary {
    background: linear-gradient(135deg, #4488cc, #66ccff);
}

body.season-winter .btn-primary:hover {
    background: linear-gradient(135deg, #5599dd, #77ddff);
    box-shadow: 0 0 20px rgba(102, 204, 255, 0.4);
}

/* Schneeflocken-Partikel (via BackgroundEffects.js) */
body.season-winter .seasonal-particles {
    --particle-color: rgba(255, 255, 255, 0.6);
    --particle-size: 4px;
}

/* ============================================================================
   FRÜHLING (März - Mai)
   Farbpalette: Frisches Grün, Rosa, Gelb
   ============================================================================ */

body.season-spring {
    --color-primary: #44dd88;
    --color-primary-glow: rgba(68, 221, 136, 0.4);
    --color-bg-dark: #0a1a0e;
    --color-bg-medium: #102818;
}

body.season-spring .landing-title .title-glow {
    text-shadow: 0 0 20px rgba(68, 221, 136, 0.6), 0 0 40px rgba(255, 180, 200, 0.3);
}

body.season-spring .btn-primary {
    background: linear-gradient(135deg, #33bb66, #44dd88);
}

body.season-spring .btn-primary:hover {
    background: linear-gradient(135deg, #44cc77, #55ee99);
    box-shadow: 0 0 20px rgba(68, 221, 136, 0.4);
}

/* ============================================================================
   SOMMER (Juni - August)
   Farbpalette: Standard (Orange/Neon — das Basis-Theme IST Sommer)
   ============================================================================ */

/* Sommer = Default-Theme, keine Overrides nötig */

/* ============================================================================
   HERBST (September - November)
   Farbpalette: Orange, Dunkelrot, Gold
   ============================================================================ */

body.season-autumn {
    --color-primary: #ff8c00;
    --color-primary-glow: rgba(255, 140, 0, 0.4);
    --color-bg-dark: #1a0e05;
    --color-bg-medium: #281810;
}

body.season-autumn .landing-title .title-glow {
    text-shadow: 0 0 20px rgba(255, 140, 0, 0.6), 0 0 40px rgba(200, 50, 0, 0.3);
}

body.season-autumn .btn-primary {
    background: linear-gradient(135deg, #cc6600, #ff8c00);
}

body.season-autumn .btn-primary:hover {
    background: linear-gradient(135deg, #dd7700, #ffaa33);
    box-shadow: 0 0 20px rgba(255, 140, 0, 0.4);
}

/* ============================================================================
   HALLOWEEN (Oktober — Spezial-Override über Herbst)
   ============================================================================ */

body.season-halloween {
    --color-primary: #ff6600;
    --color-primary-glow: rgba(255, 102, 0, 0.5);
    --color-bg-dark: #0a0505;
    --color-bg-medium: #1a0a0a;
}

body.season-halloween .landing-title .title-glow {
    text-shadow: 0 0 20px rgba(255, 102, 0, 0.7), 0 0 40px rgba(128, 0, 128, 0.4);
}

body.season-halloween .btn-primary {
    background: linear-gradient(135deg, #cc4400, #ff6600);
}

/* ============================================================================
   WEIHNACHTEN (15. Dezember - 6. Januar — Spezial-Override über Winter)
   ============================================================================ */

body.season-christmas {
    --color-primary: #cc0000;
    --color-primary-glow: rgba(204, 0, 0, 0.4);
    --color-bg-dark: #0a0a14;
    --color-bg-medium: #141428;
}

body.season-christmas .landing-title .title-glow {
    text-shadow: 0 0 20px rgba(204, 0, 0, 0.5), 0 0 40px rgba(0, 200, 0, 0.3);
}

body.season-christmas .btn-primary {
    background: linear-gradient(135deg, #aa0000, #cc0000);
}

body.season-christmas .btn-primary:hover {
    box-shadow: 0 0 20px rgba(204, 0, 0, 0.4), 0 0 10px rgba(0, 200, 0, 0.2);
}