/* =====================================================
   DARK MODE - Desktop Specific Styles
   Applies only on screens >= 769px
   ===================================================== */

@media (min-width: 769px) {
    
    /* Cool ambient light for larger screens */
    body.dark-mode::before {
        height: 80vh;
        background: radial-gradient(
            ellipse 50% 35% at 50% -8%,
            rgba(160, 175, 195, 0.08) 0%,
            rgba(130, 145, 165, 0.04) 25%,
            rgba(100, 115, 135, 0.02) 45%,
            transparent 65%
        );
    }
    
    /* Hero section */
    body.dark-mode .hero-sec h1 {
        text-shadow: 0 0 80px rgba(160, 175, 195, 0.05);
    }
    
    
    /* Subtle vignette effect on desktop */
    body.dark-mode::after {
        content: '';
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: radial-gradient(
            ellipse 80% 60% at 50% 50%,
            transparent 40%,
            rgba(0, 0, 0, 0.15) 100%
        );
        pointer-events: none;
        z-index: 0;
    }
    
}