/* ============================================================
   Thème "Sakura" — nuit fleur de cerisier
   Palette globale activable depuis l'administration.
   Surcharge les variables de variables.css via une spécificité
   supérieure ([data-theme="sakura"]), donc indépendante du
   mode clair/sombre par utilisateur.
   ============================================================ */

:root[data-theme="sakura"] {
    --night: #170e18;
    --night-2: #1f1422;
    --night-3: #2a1930;
    --surface: rgba(42, 25, 48, 0.62);
    --surface-solid: #241528;
    --surface-2: rgba(58, 34, 64, 0.55);
    --anthracite: #2a1c30;

    /* Accents : rose sakura + corail */
    --violet: #f472b6;
    --violet-deep: #db2777;
    --violet-soft: #fbcfe8;
    --cyan: #fb7185;
    --cyan-deep: #f43f5e;
    --blue: #f9a8d4;

    --white: #ffffff;
    --text: #fbeef4;
    --text-muted: #d9b6c8;
    --text-dim: #a97e94;

    --success: #34d399;
    --warning: #fbbf24;
    --danger: #fb7185;
    --info: #f9a8d4;

    --border: rgba(255, 214, 235, 0.10);
    --border-strong: rgba(255, 214, 235, 0.20);

    --grad-primary: linear-gradient(135deg, #f472b6 0%, #fb7185 100%);
    --grad-violet: linear-gradient(135deg, #db2777 0%, #fbcfe8 100%);
    --grad-cyan: linear-gradient(135deg, #fb7185 0%, #f9a8d4 100%);
    --grad-dark: linear-gradient(180deg, rgba(23, 14, 24, 0) 0%, rgba(23, 14, 24, 0.95) 100%);
    --grad-hero: radial-gradient(circle at 15% 15%, rgba(244, 114, 182, 0.32), transparent 45%),
                 radial-gradient(circle at 85% 25%, rgba(251, 113, 133, 0.26), transparent 42%),
                 radial-gradient(circle at 50% 95%, rgba(249, 168, 212, 0.18), transparent 46%);

    --shadow-glow: 0 0 42px rgba(244, 114, 182, 0.38);

    --bs-body-bg: #170e18;
    --bs-body-color: #fbeef4;
}

/* Bootstrap dark utilities → suivre la teinte sakura même si
   l'utilisateur a laissé data-bs-theme sur "dark" ou "light". */
:root[data-theme="sakura"][data-bs-theme] {
    --bs-body-bg: #170e18;
    --bs-body-color: #fbeef4;
}

/* Voile du menu fixe, teinté plum pour rester cohérent. */
:root[data-theme="sakura"] .glass-nav {
    background: rgba(23, 14, 24, 0.72);
}

/* Halo de pétales très léger derrière le contenu. */
:root[data-theme="sakura"] body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        radial-gradient(circle at 88% 12%, rgba(251, 207, 232, 0.10), transparent 30%),
        radial-gradient(circle at 8% 82%, rgba(244, 114, 182, 0.10), transparent 32%);
}