/* glass-dark.css — transitions de thème + glassmorphisme subtil (thème bleu) */

/* Transition fluide sur tous les changements de thème */
*, *::before, *::after {
    transition: background-color 0.25s ease, border-color 0.25s ease, color 0.2s ease, box-shadow 0.2s ease;
}

/* Ne pas transitionner sur les animations fonctionnelles */
.sc-svc__dot, .user-dot, .hero-dot,
*[class*="spinner"], *[class*="spin"],
.strength-fill, .sc-pending__icon svg {
    transition: none !important;
}

/* ---- Navbar glass — dark ---- */
html:not(.light) .navbar-main,
html:not(.light) .navbar-admin,
html:not(.light) .navbar-mobile-menu {
    background: rgba(7, 13, 26, 0.88);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    border-bottom: 1px solid rgba(59,130,246,0.10);
}

/* ---- Navbar glass — light ---- */
html.light .navbar-main,
html.light .navbar-admin,
html.light .navbar-mobile-menu {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(20px) saturate(160%);
    -webkit-backdrop-filter: blur(20px) saturate(160%);
    border-bottom: 1px solid rgba(37,99,235,0.12);
}

/* ---- Cards glass — dark ---- */
html:not(.light) .glass-card,
html:not(.light) .auth-card,
html:not(.light) .dashboard-card,
html:not(.light) .sc-card,
html:not(.light) .stat-card,
html:not(.light) .plan-card,
html:not(.light) .service-card,
html:not(.light) .feature-card {
    backdrop-filter: blur(14px) saturate(140%);
    -webkit-backdrop-filter: blur(14px) saturate(140%);
}

/* ---- Dark body : teinte bleue subtile sur le fond ---- */
html:not(.light) body {
    background-color: #070d1a;
    background-image:
        radial-gradient(ellipse 80% 50% at 50% -10%, rgba(59,130,246,0.12) 0%, transparent 70%),
        radial-gradient(ellipse 60% 40% at 80% 100%, rgba(6,182,212,0.06) 0%, transparent 60%);
    background-attachment: fixed;
}

/* ---- Light body ---- */
html.light body {
    background-color: #f0f4ff;
    background-image: radial-gradient(ellipse 80% 50% at 50% -10%, rgba(37,99,235,0.06) 0%, transparent 70%);
    background-attachment: fixed;
}