/**
 * Windows 11 Theme - Default Wallpaper Styles
 * Creates a beautiful gradient background similar to Windows 11
 */

.desktop-bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    overflow: hidden;
}

/* Windows 11 Bloom Wallpaper Effect */
.desktop-bg::before {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(ellipse 80% 50% at 50% 120%, #6366f1 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 20% 80%, #8b5cf6 0%, transparent 40%),
        radial-gradient(ellipse 50% 30% at 80% 70%, #06b6d4 0%, transparent 35%),
        radial-gradient(ellipse 40% 40% at 70% 20%, #f472b6 0%, transparent 30%),
        linear-gradient(180deg, #1e3a5f 0%, #0c1929 100%);
    animation: bloomPulse 20s ease-in-out infinite alternate;
}

.desktop-bg::after {
    content: '';
    position: absolute;
    inset: 0;
    background: 
        radial-gradient(circle at 30% 40%, rgba(96, 165, 250, 0.15) 0%, transparent 25%),
        radial-gradient(circle at 70% 60%, rgba(167, 139, 250, 0.1) 0%, transparent 30%);
    animation: glowMove 15s ease-in-out infinite alternate-reverse;
}

@keyframes bloomPulse {
    0% {
        filter: brightness(1) saturate(1);
    }
    50% {
        filter: brightness(1.05) saturate(1.1);
    }
    100% {
        filter: brightness(0.95) saturate(0.95);
    }
}

@keyframes glowMove {
    0% {
        transform: scale(1) translate(0, 0);
    }
    50% {
        transform: scale(1.05) translate(2%, -2%);
    }
    100% {
        transform: scale(1) translate(-1%, 1%);
    }
}

/* Light theme adjustments */
[data-theme="light"] .desktop-bg::before {
    background: 
        radial-gradient(ellipse 80% 50% at 50% 120%, #60a5fa 0%, transparent 50%),
        radial-gradient(ellipse 60% 40% at 20% 80%, #a78bfa 0%, transparent 40%),
        radial-gradient(ellipse 50% 30% at 80% 70%, #34d399 0%, transparent 35%),
        radial-gradient(ellipse 40% 40% at 70% 20%, #fb7185 0%, transparent 30%),
        linear-gradient(180deg, #e0f2fe 0%, #bae6fd 50%, #7dd3fc 100%);
}

/* Alternative wallpaper styles */
.desktop-bg.sunset::before {
    background: 
        radial-gradient(ellipse at 50% 100%, #f97316 0%, transparent 50%),
        radial-gradient(ellipse at 80% 80%, #ef4444 0%, transparent 40%),
        radial-gradient(ellipse at 20% 60%, #f59e0b 0%, transparent 35%),
        linear-gradient(180deg, #1e1b4b 0%, #312e81 50%, #4c1d95 100%);
}

.desktop-bg.aurora::before {
    background: 
        radial-gradient(ellipse at 30% 100%, #10b981 0%, transparent 50%),
        radial-gradient(ellipse at 70% 80%, #3b82f6 0%, transparent 40%),
        radial-gradient(ellipse at 50% 50%, #8b5cf6 0%, transparent 35%),
        linear-gradient(180deg, #0f172a 0%, #1e293b 100%);
    animation: auroraPulse 10s ease-in-out infinite;
}

@keyframes auroraPulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.85;
    }
}

.desktop-bg.minimal::before {
    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
}

.desktop-bg.dark::before {
    background: linear-gradient(180deg, #18181b 0%, #27272a 100%);
}

/* Noise texture overlay for depth */
.desktop-bg .noise {
    position: absolute;
    inset: 0;
    opacity: 0.03;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    pointer-events: none;
}