/* Styles for when JavaScript is disabled */
body { opacity: 1 !important; }
/* Show horizontal nav only on desktop (mobile has no JS hamburger toggle) */
@media (min-width: 769px) {
    .nav-links { display: flex !important; position: static !important; transform: none !important; width: auto !important; height: auto !important; flex-direction: row !important; padding: 0 !important; border: none !important; background: none !important; margin: 0 auto !important; }
}
@media (prefers-color-scheme: dark) {
    body { background-color: var(--bg-page); color: var(--text-main); }
    .main-header { background-color: var(--header-bg); }
    h1, h2, h3 { color: var(--primary-color); }
    .hero { background-color: var(--bg-page); }
    .services-section, .about-section { background-color: var(--bg-section-alt); }
    .service-card { background-color: var(--bg-light); border-top-color: var(--primary-color); }
    .main-footer { background-color: var(--footer-bg); }
    .contact-form input, .contact-form textarea { background-color: var(--bg-white); color: var(--text-main); }
    .cta-button { background-color: var(--accent-color); color: var(--bg-white); border-color: var(--accent-color); }
    .form-submit-btn { background-color: var(--primary-color); color: var(--bg-white); border-color: var(--primary-color); }
    .toggle-track { background-color: var(--toggle-track-bg) !important; }
}