html[data-theme="light"] {
  --navy: #f4f7fb;
  --navy-light: #ffffff;
  --navy-lighter: #e8eef6;
  --muted: #5b677a;
  --light-text: #334155;
  --card-bg: #ffffff;
  --card-border: rgba(16, 32, 51, 0.12);
  color-scheme: light;
  scrollbar-color: #B82030 #e8edf3;
}
html[data-theme="light"] body { color: #102033; background: var(--navy); }
html[data-theme="light"]::-webkit-scrollbar-track { background: #e8edf3; }
html[data-theme="light"]::-webkit-scrollbar-thumb { background: #B82030; border-color: #e8edf3; }

html[data-theme="light"] .text-white { color: #102033; }
html[data-theme="light"] .text-lightText { color: #334155; }
html[data-theme="light"] .text-muted { color: #5b677a; }
html[data-theme="light"] .bg-navy { background-color: #f4f7fb; }
html[data-theme="light"] .bg-navyLight { background-color: #ffffff; }
html[data-theme="light"] .border-white\/15,
html[data-theme="light"] .border-white\/20 { border-color: rgba(16, 32, 51, 0.18); }

html[data-theme="light"] .bg-electric,
html[data-theme="light"] .bg-electric.text-white,
html[data-theme="light"] a.bg-electric,
html[data-theme="light"] button.bg-electric { color: #fff; }
html[data-theme="light"] .tagline-gradient,
html[data-theme="light"] .tagline-gradient .text-white,
html[data-theme="light"] .tagline-gradient .text-white\/80 { color: #fff; }
html[data-theme="light"] .tagline-gradient a.bg-navy {
  background: #0C0E1A;
  color: #fff;
}
html[data-theme="light"] .pricing-featured { background: #fff; }
html[data-theme="light"] #navbar-a1b2,
html[data-theme="light"] .site-nav {
  background: rgba(255, 255, 255, 0.94);
  border-bottom-color: rgba(16, 32, 51, 0.08);
}
html[data-theme="light"] #navbar-a1b2.is-scrolled,
html[data-theme="light"] .site-nav.is-scrolled {
  background: rgba(255, 255, 255, 0.98);
  box-shadow: 0 4px 24px rgba(16, 32, 51, 0.08);
}
html[data-theme="light"] #mobile-menu-f5g6,
html[data-theme="light"] .site-mobile-menu { background: #fff; }
html[data-theme="light"] #theme-toggle { border-color: rgba(16, 32, 51, 0.16); color: #102033; }

.logo-for-light { display: none; }
html[data-theme="light"] .logo-for-dark { display: none; }
html[data-theme="light"] .logo-for-light { display: block; }
.theme-icon-sun,
.theme-icon-moon { width: 16px; height: 16px; display: block; }
.theme-icon-moon { display: none; }
html[data-theme="light"] .theme-icon-sun { display: none; }
html[data-theme="light"] .theme-icon-moon { display: block; }

.site-nav {
  background: rgba(12, 14, 26, 0.95);
  backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(30, 159, 255, 0.15);
}
.site-nav.is-scrolled {
  background: rgba(12, 14, 26, 0.98);
  box-shadow: 0 4px 30px rgba(0, 0, 0, 0.3);
}