/* =====================================================
   DARK MODE - Mobile Specific Styles
   Applies only on screens < 769px
   ===================================================== */

@media (max-width: 768px) {
    
    /* Cool ambient light for mobile */
    body.dark-mode::before {
        height: 50vh;
        background: radial-gradient(
            ellipse 80% 50% at 50% -10%,
            rgba(160, 175, 195, 0.06) 0%,
            rgba(130, 145, 165, 0.03) 35%,
            transparent 60%
        );
    }
    
    /* Navigation - full width on mobile */
    body.dark-mode .nav-side {
        border-right: none;
        border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    }
    
    /* Hero section - adjusted for mobile */
    body.dark-mode .hero-sec h1 {
        text-shadow: 0 0 40px rgba(160, 175, 195, 0.04);
    }
    
    /* Reduce vignette on mobile for better visibility */
    body.dark-mode::after {
        display: none;
    }
}