/**
 * THÈME SAISONNIER — HALLOWEEN 🎃
 * Chargé par head.php (via SeasonalTheme) APRÈS les autres feuilles, uniquement quand le thème est actif.
 * Redéfinit les variables de theme.css (mêmes sélecteurs, chargé après => il l'emporte) puis ajoute
 * quelques touches visuelles marquées (fond, barre de navigation, pied de page). Les couleurs de
 * statut (succès / alerte / erreur) ne changent pas.
 */

/* Mode clair */
:root,
[data-theme="light"] {
    --primary: #ea580c;
    --primary-dark: #c2410c;
    --primary-light: #fb923c;
    --primary-hover: #c2410c;
    --primary-rgb: 234, 88, 12;
    --accent: #7c3aed;
    --accent-rgb: 124, 58, 237;
    --border-color-focus: #ea580c;
    --bg-body: #fff1e0;
    --kt-hw-glow-a: rgba(234, 88, 12, 0.16);
    --kt-hw-glow-b: rgba(124, 58, 237, 0.12);
}

/* Mode sombre */
html[data-theme="dark"],
body[data-theme="dark"],
[data-theme="dark"] {
    --primary: #f97316;
    --primary-dark: #ea580c;
    --primary-light: #fb923c;
    --primary-hover: #fdba74;
    --primary-rgb: 249, 115, 22;
    --accent: #a78bfa;
    --accent-rgb: 167, 139, 250;
    --border-color-focus: #f97316;
    --bg-body: #0d0616;
    --kt-hw-glow-a: rgba(249, 115, 22, 0.20);
    --kt-hw-glow-b: rgba(124, 58, 237, 0.26);
}

/* Fond : lueur orange en bas, violette en haut */
body {
    background-image:
        radial-gradient(ellipse 70% 45% at 50% 108%, var(--kt-hw-glow-a), transparent 70%),
        radial-gradient(ellipse 80% 40% at 50% -8%, var(--kt-hw-glow-b), transparent 70%);
    background-attachment: fixed;
    background-repeat: no-repeat;
}

/* Pied de page : liseré violet → orange */
.site-footer {
    border-top: 3px solid transparent;
    border-image: linear-gradient(90deg, #7c3aed, #ea580c, #7c3aed) 1;
    position: relative;
}
/* Rangée de citrouilles posées sur le pied de page */
.site-footer::before {
    content: "🎃 🦇 🎃 👻 🎃 🦇 🎃 👻 🎃 🦇 🎃 👻 🎃 🦇 🎃 👻 🎃 🦇 🎃 👻";
    position: absolute;
    left: 0; right: 0; top: -1.55em;
    height: 1.4em;
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    font-size: 26px;
    line-height: 1.4;
    letter-spacing: 6px;
    pointer-events: none;
}

/* Boutons principaux : petite lueur orange */
.btn-primary:hover,
button.btn-primary:hover {
    box-shadow: 0 0 14px rgba(var(--primary-rgb), 0.55);
}

@media print {
    .site-footer::before { display: none; }
}