/* ==========================================================
   darkmode.css
========================================================== */

html.dark{

--background:#0F172A;

--surface:#1E293B;

--text:#F8FAFC;

--text-light:#CBD5E1;

--border:#334155;

--accent:#162235;

}

html.dark body{

background:var(--background);

color:var(--text);

}

html.dark header{

background:rgba(15,23,42,.92);

border-bottom:1px solid rgba(255,255,255,.08);

}

html.dark header.scrolled{

background:rgba(15,23,42,.98);

}

html.dark .service-card,
html.dark .feature-card,
html.dark .why-card,
html.dark .intro-card,
html.dark .quote-card,
html.dark .contact-card,
html.dark .value-box,
html.dark .faq-item,
html.dark .cta-box,
html.dark input,
html.dark textarea{

background:var(--surface);

color:var(--text);

border-color:var(--border);

}

html.dark input,
html.dark textarea{

color:var(--text);

}

html.dark input::placeholder,
html.dark textarea::placeholder{

color:#94A3B8;

}

html.dark .btn-secondary{

background:transparent;

color:#fff;

border-color:#7CC6FF;

}

html.dark .btn-secondary:hover{

background:#7CC6FF;

color:#08131F;

}

html.dark .section-tag{

background:#19304A;

color:#9DD6FF;

}

html.dark .desktop-nav a{

color:#F8FAFC;

}

html.dark .desktop-nav a::after{

background:#7CC6FF;

}

html.dark .faq-question{

background:var(--surface);

color:var(--text);

}

html.dark .faq-answer{

background:var(--surface);

}

html.dark footer{

background:#08111E;

}

html.dark #cookie-banner{

background:#162235;

color:#F8FAFC;

border:1px solid #334155;

}

html.dark .hero-overlay{

background:
linear-gradient(
90deg,
rgba(0,0,0,.72),
rgba(0,0,0,.48)
);

}

html.dark ::selection{

background:#2A5E8C;

color:#fff;

}