/*
╔═══════════════════════════════════════════════════════════════╗
║         NEURAL VENCORD THEME - Aurora Borealis               ║
║              Ethereal Northern Lights Effect                  ║
╚═══════════════════════════════════════════════════════════════╝
*/

.neural-aurora-theme {
    --neural-enabled: true;
    --neural-overlay-opacity: 0.2;
    --neural-iri-1: #00ff88;  /* Aurora green */
    --neural-iri-2: #00ffcc;  /* Teal */
    --neural-iri-3: #88ffcc;  /* Pale green */
    --neural-iri-4: #ff88ff;  /* Aurora pink */
    --neural-iri-5: #88ffff;  /* Cyan */
    --neural-iri-6: #ffff88;  /* Yellow */
    --neural-iri-7: #ffcc00;  /* Gold */
}

/* Aurora wave effect */
.neural-aurora-waves {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 9996;
    opacity: 0.25;
    background: linear-gradient(
        180deg,
        transparent 0%,
        var(--neural-iri-1) 20%,
        var(--neural-iri-2) 40%,
        var(--neural-iri-4) 60%,
        var(--neural-iri-1) 80%,
        transparent 100%
    );
    filter: blur(30px);
    animation: auroraWave 8s ease-in-out infinite;
}

@keyframes auroraWave {
    0%, 100% { 
        transform: translateX(-10%) scaleY(1);
        opacity: 0.2;
    }
    25% { 
        transform: translateX(5%) scaleY(1.2);
        opacity: 0.35;
    }
    50% { 
        transform: translateX(-5%) scaleY(0.9);
        opacity: 0.25;
    }
    75% { 
        transform: translateX(10%) scaleY(1.1);
        opacity: 0.3;
    }
}

/* Floating particles */
.neural-aurora-particles {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none;
    z-index: 9997;
    overflow: hidden;
}

.neural-particle {
    position: absolute;
    width: 4px;
    height: 4px;
    background: var(--neural-iri-1);
    border-radius: 50%;
    opacity: 0;
    animation: particleFloat 10s infinite;
    box-shadow: 0 0 10px var(--neural-iri-1);
}

@keyframes particleFloat {
    0% {
        transform: translateY(100vh) scale(0);
        opacity: 0;
    }
    10% { opacity: 0.8; }
    90% { opacity: 0.8; }
    100% {
        transform: translateY(-100vh) scale(1);
        opacity: 0;
    }
}