/* LIGHT MODE ONLY — dark mode untouched.
   Background colors come from WebsiteLightTheme CSS vars (clear & visible). */
html[data-color-mode="light"],
body[data-color-mode="light"] {
  --nn-text: #0f172a;
  --nn-text-muted: #334155;
  color-scheme: light;
}

/* Must set html + body — body alone was transparent and html fell back to dark #060b1a */
html[data-color-mode="light"] {
  background: var(--nn-body-bg, #f8fafc) !important;
}

body[data-color-mode="light"] {
  color: #0f172a !important;
  background: var(--nn-body-bg, #f8fafc) !important;
}

body[data-color-mode="light"] .nn-atmosphere {
  background: var(--nn-atm-bg, linear-gradient(180deg, #ffffff 0%, #f1f5f9 45%, #e2e8f0 100%)) !important;
}

body[data-color-mode="light"] .nn-atmosphere::after {
  display: none !important;
  content: none !important;
}

body[data-color-mode="light"] .nn-atmosphere__canvas {
  opacity: 0.92;
  filter: saturate(1.45) contrast(1.08);
}

body[data-color-mode="light"] .nn-atmosphere__core,
body[data-color-mode="light"] .nn-atmosphere__beam,
body[data-color-mode="light"] .nn-atmosphere__ring {
  opacity: 0.5;
}

body[data-color-mode="light"] .nn-hero-bg {
  background: transparent !important;
}

body[data-color-mode="light"] .nn-hero-orb {
  opacity: 0.9 !important;
  filter: blur(8px) saturate(1.35);
}

body[data-color-mode="light"] .nn-hero-rings {
  opacity: 1 !important;
}

body[data-color-mode="light"] .nn-header.nn-header--glass {
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.42) 0%,
    rgba(255, 255, 255, 0.18) 65%,
    rgba(255, 255, 255, 0.04) 100%
  ) !important;
  border-bottom: 1px solid rgba(15, 23, 42, 0.1);
  box-shadow: 0 6px 20px rgba(15, 23, 42, 0.05);
  backdrop-filter: blur(10px) saturate(1.05);
  -webkit-backdrop-filter: blur(10px) saturate(1.05);
}

body[data-color-mode="light"] .nn-brand,
body[data-color-mode="light"] .nn-brand span {
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-brand__logo,
body[data-color-mode="light"] .nn-footer-brand__logo {
  filter: drop-shadow(0 1px 2px rgba(15, 23, 42, 0.18));
}

body[data-color-mode="light"] .nn-nav a {
  color: #334155 !important;
}

body[data-color-mode="light"] .nn-nav a:hover {
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-hero-content,
body[data-color-mode="light"] .nn-page-hero .container {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body[data-color-mode="light"] .nn-hero h1,
body[data-color-mode="light"] .nn-page-hero h1,
body[data-color-mode="light"] .nn-section-head h2,
body[data-color-mode="light"] .nn-panel h2,
body[data-color-mode="light"] .nn-cta h2,
body[data-color-mode="light"] .nn-testimonials-head h3,
body[data-color-mode="light"] h1,
body[data-color-mode="light"] h2,
body[data-color-mode="light"] h3,
body[data-color-mode="light"] h4,
body[data-color-mode="light"] .nn-footer-brand,
body[data-color-mode="light"] .nn-footer h4,
body[data-color-mode="light"] .nn-footer h5,
body[data-color-mode="light"] .nn-blog-card h3 a,
body[data-color-mode="light"] .nn-blog-article h2,
body[data-color-mode="light"] .nn-testimonial-meta strong,
body[data-color-mode="light"] .nn-testimonial-card h4 {
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-hero p,
body[data-color-mode="light"] .nn-page-hero p,
body[data-color-mode="light"] .nn-section-head p,
body[data-color-mode="light"] .nn-panel p,
body[data-color-mode="light"] .nn-card p,
body[data-color-mode="light"] .nn-service-card p,
body[data-color-mode="light"] .nn-mini-card p,
body[data-color-mode="light"] .nn-step-card p,
body[data-color-mode="light"] .nn-work-card p,
body[data-color-mode="light"] .nn-price-card p,
body[data-color-mode="light"] .nn-footer p,
body[data-color-mode="light"] .nn-testimonials-head p,
body[data-color-mode="light"] .nn-testimonial-card p,
body[data-color-mode="light"] .nn-blog-card p,
body[data-color-mode="light"] .nn-blog-lead,
body[data-color-mode="light"] .nn-blog-content,
body[data-color-mode="light"] .nn-lead,
body[data-color-mode="light"] .nn-muted,
body[data-color-mode="light"] .text-muted {
  color: #334155 !important;
}

body[data-color-mode="light"] .nn-contact-strip,
body[data-color-mode="light"] .nn-contact-strip a,
body[data-color-mode="light"] .nn-contact-strip span {
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-badge,
body[data-color-mode="light"] .nn-chip,
body[data-color-mode="light"] .nn-tag,
body[data-color-mode="light"] .nn-pill,
body[data-color-mode="light"] .nn-work-tag,
body[data-color-mode="light"] .nn-step-number {
  color: #1e293b !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border-color: rgba(15, 23, 42, 0.14) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-color-mode="light"] .nn-btn-primary,
body[data-color-mode="light"] .nn-header-cta {
  color: #fff !important;
  box-shadow:
    0 8px 24px var(--nn-btn-shadow, rgba(59, 130, 246, 0.35)),
    0 4px 14px color-mix(in srgb, var(--nn-accent-end, #8b7cf8) 28%, transparent),
    inset 0 1px 0 rgba(255, 255, 255, 0.35);
}

body[data-color-mode="light"] .nn-btn-secondary {
  color: #0f172a !important;
  background: rgba(255, 255, 255, 0.28) !important;
  border: 1px solid rgba(15, 23, 42, 0.16) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* No milky section bands — full animation shows through */
body[data-color-mode="light"] .nn-section,
body[data-color-mode="light"] .nn-section-alt,
body[data-color-mode="light"] .nn-work-section,
body[data-color-mode="light"] .nn-site > section {
  background: transparent !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

/* Clear glass cards: light tint, no heavy blur (blur washes animation) */
body[data-color-mode="light"] .nn-panel,
body[data-color-mode="light"] .nn-form-card,
body[data-color-mode="light"] .nn-card,
body[data-color-mode="light"] .nn-glass-card,
body[data-color-mode="light"] .nn-work-card,
body[data-color-mode="light"] .nn-blog-card,
body[data-color-mode="light"] .nn-service-card,
body[data-color-mode="light"] .nn-testimonial-card,
body[data-color-mode="light"] .nn-mini-card,
body[data-color-mode="light"] .nn-step-card,
body[data-color-mode="light"] .nn-price-card,
body[data-color-mode="light"] .nn-contact-card,
body[data-color-mode="light"] .nn-blog-aside-card,
body[data-color-mode="light"] .nn-blog-article {
  background: rgba(255, 255, 255, 0.22) !important;
  border: 1px solid rgba(15, 23, 42, 0.14) !important;
  box-shadow: 0 10px 28px rgba(15, 23, 42, 0.06);
  color: #0f172a !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-color-mode="light"] .nn-cta {
  background: rgba(255, 255, 255, 0.18) !important;
  border: 1px solid rgba(15, 23, 42, 0.12) !important;
  box-shadow: 0 12px 32px rgba(15, 23, 42, 0.06);
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-color-mode="light"] .nn-footer,
body[data-color-mode="light"] .nn-footer.nn-footer--glass {
  background: rgba(255, 255, 255, 0.16) !important;
  border-top: 1px solid rgba(15, 23, 42, 0.1);
  color: #0f172a;
  box-shadow: none;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body[data-color-mode="light"] .nn-footer-glow,
body[data-color-mode="light"] .nn-footer-mesh {
  opacity: 0.12;
}

body[data-color-mode="light"] .nn-footer a,
body[data-color-mode="light"] .nn-footer-bottom__links a,
body[data-color-mode="light"] .nn-footer-list a,
body[data-color-mode="light"] .nn-footer-links a,
body[data-color-mode="light"] .nn-footer-brand__copy,
body[data-color-mode="light"] .nn-footer-bottom,
body[data-color-mode="light"] .nn-footer-social-note {
  color: #334155 !important;
}

body[data-color-mode="light"] .nn-footer-brand__link,
body[data-color-mode="light"] .nn-footer-brand__name {
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-footer a:hover,
body[data-color-mode="light"] .nn-footer-bottom__links a:hover {
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-social-icon {
  color: #0f172a !important;
  background: rgba(255, 255, 255, 0.35) !important;
  border-color: rgba(15, 23, 42, 0.12) !important;
  box-shadow: none;
}

body[data-color-mode="light"] .nn-testimonial-meta span,
body[data-color-mode="light"] .nn-contact-card p,
body[data-color-mode="light"] .nn-contact-card a,
body[data-color-mode="light"] .nn-contact-card span {
  color: #475569 !important;
}

body[data-color-mode="light"] input,
body[data-color-mode="light"] textarea,
body[data-color-mode="light"] select,
body[data-color-mode="light"] .form-control,
body[data-color-mode="light"] .nn-form-card .form-control {
  background: rgba(255, 255, 255, 0.55) !important;
  color: #0f172a !important;
  border-color: rgba(15, 23, 42, 0.16) !important;
}

body[data-color-mode="light"] .nn-form-card .form-control:focus {
  background: rgba(255, 255, 255, 0.75) !important;
  color: #0f172a !important;
}

body[data-color-mode="light"] input::placeholder,
body[data-color-mode="light"] textarea::placeholder {
  color: #64748b !important;
}

body[data-color-mode="light"] .nn-swal,
body[data-color-mode="light"] .nn-swal.swal2-popup {
  background: rgba(255, 255, 255, 0.95) !important;
  color: #0f172a !important;
}

body[data-color-mode="light"] .nn-swal__title,
body[data-color-mode="light"] .nn-swal .swal2-title,
body[data-color-mode="light"] .nn-swal__text,
body[data-color-mode="light"] .nn-swal .swal2-html-container {
  color: #0f172a !important;
}