/* ============================================
   Themes - Ghost-IA.com
   - Un seul thème actif à la fois via .theme-<slug> sur <body>
   - Les variables peuvent être surchargées via DB (inline <style>)
   ============================================ */

/* Bannière thème */
.theme-banner {
    padding: 0.5rem 0;
    font-size: 0.95rem;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.theme-banner i { opacity: 0.95; }
.theme-banner-primary { background: rgba(99, 102, 241, 0.12); color: var(--color-text); }
.theme-banner-success { background: rgba(16, 185, 129, 0.14); color: var(--color-text); }
.theme-banner-warning { background: rgba(245, 158, 11, 0.18); color: var(--color-text); }
.theme-banner-danger  { background: rgba(239, 68, 68, 0.14); color: var(--color-text); }
.theme-banner-info    { background: rgba(6, 182, 212, 0.14); color: var(--color-text); }
.theme-banner-secondary { background: rgba(100, 116, 139, 0.14); color: var(--color-text); }
.theme-banner-dark { background: rgba(15, 23, 42, 0.85); color: #fff; border-bottom-color: rgba(255,255,255,0.08); }
.theme-banner-light { background: rgba(248, 250, 252, 1); color: var(--color-text); }

/* Slot: navbar/footer backgrounds (fallbacks sont dans style.css) */

/* Thème Noël (exemple) */
body.theme-noel {
    --theme-nav-bg: linear-gradient(135deg, rgba(22,163,74,0.10) 0%, rgba(220,38,38,0.10) 100%);
    --theme-footer-bg: linear-gradient(135deg, rgba(15,23,42,1) 0%, rgba(7,16,30,1) 100%);
    --theme-hero-overlay: linear-gradient(135deg, rgba(22,163,74,0.30) 0%, rgba(220,38,38,0.30) 100%);
    --theme-hero-pattern: repeating-linear-gradient(45deg, rgba(255,255,255,0.08) 0 10px, rgba(255,255,255,0.02) 10px 20px);
}

/* Thème Été (exemple) */
body.theme-ete {
    --theme-nav-bg: linear-gradient(135deg, rgba(14,165,233,0.10) 0%, rgba(249,115,22,0.10) 100%);
    --theme-footer-bg: linear-gradient(135deg, rgba(15,23,42,1) 0%, rgba(2, 23, 35,1) 100%);
    --theme-hero-overlay: linear-gradient(135deg, rgba(14,165,233,0.24) 0%, rgba(249,115,22,0.24) 100%);
    --theme-hero-pattern:
        radial-gradient(circle at 20% 20%, rgba(255,255,255,0.08) 0, transparent 35%),
        radial-gradient(circle at 80% 30%, rgba(255,255,255,0.06) 0, transparent 40%);
}


