/* assets/css/dark-mode.css */
[data-theme="dark"] {
    --clr-white:     #1F2937;
    --clr-dark:      #F9FAFB;
    --clr-gray:      #111827;
    --clr-border:    #374151;
    --clr-gray-text: #9CA3AF;
}
[data-theme="dark"] body { background: #111827; color: #F9FAFB; }
[data-theme="dark"] .site-header { background: rgba(17,24,39,.95); }
[data-theme="dark"] .hero { background: linear-gradient(160deg, #1a2540 0%, #1e1535 100%); }
[data-theme="dark"] .why-section { background: #1F2937; }
[data-theme="dark"] .card { background: #1F2937; border-color: #374151; }
[data-theme="dark"] .feature-item { background: #111827; }
[data-theme="dark"] .portfolio-card { border-color: #374151; background: #1F2937; }
[data-theme="dark"] .portfolio-info { background: #1F2937; }
[data-theme="dark"] .form-group input,
[data-theme="dark"] .form-group textarea { background: #1F2937; color: #F9FAFB; border-color: #374151; }
[data-theme="dark"] .primary-nav a { color: #F9FAFB; }
[data-theme="dark"] .dark-toggle { border-color: #374151; color: #F9FAFB; }
[data-theme="dark"] .primary-nav .sub-menu { background: #1F2937; border-color: #374151; }
[data-theme="dark"] .primary-nav .sub-menu a { color: #F9FAFB; }
[data-theme="dark"] .primary-nav .sub-menu a:hover { background: rgba(255,255,255,.06); color: #93C5FD; }

/* Inner-page hero — replace hardcoded light gradient with a dark equivalent */
[data-theme="dark"] .page-hero {
    background: linear-gradient(160deg, #1a2540 0%, #1e1535 100%);
}
[data-theme="dark"] .page-hero h1,
[data-theme="dark"] .page-hero h2 { color: #F9FAFB; }
[data-theme="dark"] .page-hero .section-subtitle { color: rgba(255,255,255,.65); }

/* Testimonials — uses var(--clr-dark) as bg, which inverts in dark mode; pin it to a true dark */
[data-theme="dark"] .testimonials-section { background: #0D1117; color: #F9FAFB; }
[data-theme="dark"] .testimonials-section .section-label { background: rgba(255,255,255,.08); color: rgba(255,255,255,.75); }
[data-theme="dark"] .testimonials-section .section-title { color: #F9FAFB; }
[data-theme="dark"] .testimonials-section .section-subtitle { color: rgba(255,255,255,.55); }
[data-theme="dark"] .testimonial-card { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.08); }
[data-theme="dark"] .testimonial-name { color: #F9FAFB; }

/* Footer — clr-dark flips to near-white in dark mode; pin to a true dark background */
[data-theme="dark"] .site-footer { background: #0D1117; color: rgba(255,255,255,.7); }
[data-theme="dark"] .footer-col h4 { color: rgba(255,255,255,.9); }
[data-theme="dark"] .footer-brand p { color: rgba(255,255,255,.6); }
[data-theme="dark"] .footer-col a { color: rgba(255,255,255,.6); }
[data-theme="dark"] .footer-col a:hover { color: #ffffff; }
[data-theme="dark"] .footer-bottom { border-color: rgba(255,255,255,.1); color: rgba(255,255,255,.5); }

/* CTA Banner — gradient bg is fine, but pin text/button colours so swapped vars don't bleed in */
[data-theme="dark"] .cta-banner h2,
[data-theme="dark"] .cta-banner p { color: #ffffff; }
[data-theme="dark"] .cta-banner .btn-outline { border-color: #ffffff; color: #ffffff; }
[data-theme="dark"] .cta-banner .btn-outline:hover { background: #ffffff; color: var(--clr-primary); }