/*
 * Glassmorphic Aurora Theme Overrides
 * Uses CSS variables injected by the Customizer
 */

body.theme-glassmorphic {
    background-color: var(--color-bg-primary) !important;
    color: var(--color-text-primary) !important;
    position: relative;
    overflow-x: hidden;
}

/* Animated Aurora Background */
body.theme-glassmorphic .aurora {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: -1;
    overflow: hidden;
    pointer-events: none;
    background: var(--color-bg-primary);
}

body.theme-glassmorphic .aurora div {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.4;
    animation: aurora-float 20s infinite alternate linear;
}

body.theme-glassmorphic .aurora .a1 {
    width: 60vw;
    height: 60vw;
    top: -10vw;
    left: -10vw;
    background: radial-gradient(circle, rgba(120,40,255,0.2) 0%, transparent 70%);
}

body.theme-glassmorphic .aurora .a2 {
    width: 50vw;
    height: 50vw;
    bottom: -10vw;
    right: -10vw;
    background: radial-gradient(circle, var(--color-primary) 0%, transparent 70%);
    opacity: 0.15;
    animation-delay: -5s;
    animation-duration: 25s;
}

body.theme-glassmorphic .aurora .a3 {
    width: 40vw;
    height: 40vw;
    top: 40vh;
    left: 30vw;
    background: radial-gradient(circle, rgba(0,255,200,0.1) 0%, transparent 70%);
    animation-delay: -10s;
    animation-duration: 18s;
}

@keyframes aurora-float {
    0% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(5vw, -5vh) scale(1.1); }
    66% { transform: translate(-5vw, 5vh) scale(0.9); }
    100% { transform: translate(0, 0) scale(1); }
}

/* Glass effect on specific elements */
body.theme-glassmorphic .site-header,
body.theme-glassmorphic .tc,
body.theme-glassmorphic .blog-card,
body.theme-glassmorphic .btn-gh,
body.theme-glassmorphic .cg-tab,
body.theme-glassmorphic .section-pill,
body.theme-glassmorphic .hero-badge {
    background: var(--color-bg-elevated) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid var(--color-border-primary) !important;
}

/* Glow effects on hover */
body.theme-glassmorphic .tc:hover,
body.theme-glassmorphic .blog-card:hover {
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.5), 0 0 20px -5px var(--color-primary);
    border-color: var(--color-primary) !important;
}

/* Title text gradients */
body.theme-glassmorphic .l2,
body.theme-glassmorphic .gold-text {
    background: linear-gradient(135deg, var(--color-primary), #fff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

body.theme-glassmorphic .l3 {
    -webkit-text-stroke: 1px var(--color-border-primary);
    -webkit-text-fill-color: transparent;
}