/* ========================================================================
   NEXSPIRE — light-theme.css
   Light mode overrides — high contrast, vibrant, professional
   Activated when document has [data-theme="light"]
   ======================================================================== */

[data-theme="light"] {
  --bg-primary: #F8FAFC;
  --bg-secondary: #FFFFFF;
  --bg-elevated: #FFFFFF;
  --bg-glass: rgba(255, 255, 255, 0.85);
  --border: rgba(15, 23, 42, 0.10);
  --border-hover: rgba(46, 111, 247, 0.5);

  --text-primary: #0F172A;
  --text-secondary: #475569;
  --text-tertiary: #64748B;

  --accent-primary: #2E6FF7;
  --accent-secondary: #0E7490;
  --accent-glow: rgba(46, 111, 247, 0.20);
  --accent-glow-2: rgba(14, 116, 144, 0.15);

  --gradient-mesh:
    radial-gradient(ellipse 80% 60% at 20% 10%, rgba(46, 111, 247, 0.08) 0%, transparent 60%),
    radial-gradient(ellipse 60% 80% at 80% 50%, rgba(0, 184, 212, 0.06) 0%, transparent 60%),
    radial-gradient(ellipse 80% 60% at 50% 100%, rgba(147, 51, 234, 0.05) 0%, transparent 60%);

  --shadow-md: 0 4px 16px rgba(15, 23, 42, 0.06);
  --shadow-lg: 0 12px 40px rgba(15, 23, 42, 0.08);
}

/* Header glass */
[data-theme="light"] .header {
  background: rgba(255, 255, 255, 0.7);
}
[data-theme="light"] .header.is-scrolled {
  background: rgba(255, 255, 255, 0.92);
  border-bottom-color: var(--border);
}

/* Hero title — keep darker base text */
[data-theme="light"] .hero__title {
  background: linear-gradient(180deg, var(--text-primary) 0%, #475569 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

/* Mesh and canvas opacity reduce on light */
[data-theme="light"] .bg-mesh { opacity: 0.7; }
[data-theme="light"] #grid-canvas { opacity: 0.35; }

/* Chips on light */
[data-theme="light"] .chip,
[data-theme="light"] .hero__badge {
  background: rgba(255, 255, 255, 0.85);
  border-color: var(--border);
  color: var(--text-secondary);
}

/* Cards lift with shadow on light */
[data-theme="light"] .brand-card,
[data-theme="light"] .division-card,
[data-theme="light"] .pillar,
[data-theme="light"] .feature-card,
[data-theme="light"] .patent-card,
[data-theme="light"] .bigpartner,
[data-theme="light"] .geo-region,
[data-theme="light"] .partner-profile,
[data-theme="light"] .pricing-card,
[data-theme="light"] .usecase,
[data-theme="light"] .stack__layer,
[data-theme="light"] .partner,
[data-theme="light"] .nis2__levels,
[data-theme="light"] .active-card {
  background: #FFFFFF;
  border-color: var(--border);
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04), 0 4px 12px rgba(15, 23, 42, 0.04);
}
[data-theme="light"] .brand-card:hover,
[data-theme="light"] .division-card:hover,
[data-theme="light"] .feature-card:hover,
[data-theme="light"] .patent-card:hover,
[data-theme="light"] .bigpartner:hover,
[data-theme="light"] .partner-profile:hover,
[data-theme="light"] .pricing-card:hover,
[data-theme="light"] .usecase:hover,
[data-theme="light"] .stack__layer:hover {
  box-shadow: 0 8px 32px rgba(15, 23, 42, 0.10), 0 0 0 1px var(--brand-color, var(--accent-primary));
}

/* Brand card icon background */
[data-theme="light"] .brand-card__icon,
[data-theme="light"] .division-card__icon {
  background: linear-gradient(135deg, #F8FAFC, #FFFFFF);
  border-color: var(--border);
}

/* Vision card light */
[data-theme="light"] .division-card--vision {
  background: linear-gradient(135deg, rgba(46,111,247,0.04), rgba(0,184,212,0.03));
  border-color: rgba(46, 111, 247, 0.3);
}

/* Code inline */
[data-theme="light"] code {
  background: rgba(46, 111, 247, 0.08);
  color: #0E7490;
  border-color: rgba(46, 111, 247, 0.2);
}

/* Stack layers */
[data-theme="light"] .stack__layer-content code {
  background: #F1F5F9;
}

/* Stats banner subtle */
[data-theme="light"] .stats-banner {
  background: linear-gradient(180deg, rgba(46, 111, 247, 0.02), rgba(46, 111, 247, 0.04));
}

/* Innovation footer */
[data-theme="light"] .innovation__footer {
  background: linear-gradient(135deg, rgba(46, 111, 247, 0.04), rgba(0, 184, 212, 0.03));
  border-color: rgba(46, 111, 247, 0.15);
}

/* CTA inner */
[data-theme="light"] .cta__inner {
  background: linear-gradient(135deg,
    rgba(46, 111, 247, 0.08) 0%,
    rgba(0, 184, 212, 0.06) 50%,
    rgba(147, 51, 234, 0.04) 100%);
  border-color: rgba(46, 111, 247, 0.25);
}

/* Pricing featured */
[data-theme="light"] .pricing-card--featured {
  background: linear-gradient(135deg, rgba(46, 111, 247, 0.04), rgba(0, 184, 212, 0.03));
  border-color: var(--accent-primary);
}

/* Buttons */
[data-theme="light"] .btn--ghost {
  background: #FFFFFF;
  color: var(--text-primary);
  border-color: var(--border);
}
[data-theme="light"] .btn--ghost:hover {
  background: #F1F5F9;
  border-color: var(--accent-primary);
  color: var(--accent-primary);
}

/* Locale toggle */
[data-theme="light"] .locale-toggle {
  background: #F1F5F9;
}
[data-theme="light"] .locale-toggle button {
  color: var(--text-tertiary);
}

/* Partner map table */
[data-theme="light"] .partner-map__table {
  background: #FFFFFF;
}
[data-theme="light"] .partner-map__table th {
  background: #F1F5F9;
  color: var(--accent-primary);
}
[data-theme="light"] .partner-map__table tr:hover td {
  background: rgba(46, 111, 247, 0.03);
}

/* Footer */
[data-theme="light"] .footer {
  background: #F1F5F9;
  border-top-color: var(--border);
}
[data-theme="light"] .footer__copyright,
[data-theme="light"] .footer__col a {
  color: var(--text-secondary);
}
[data-theme="light"] .footer__col a:hover {
  color: var(--accent-primary);
}
[data-theme="light"] .footer__copyright a,
[data-theme="light"] .innovation__legal a {
  color: var(--accent-primary);
}

/* Custom cursor (different blend mode) */
[data-theme="light"] .custom-cursor {
  mix-blend-mode: multiply;
}
[data-theme="light"] .custom-cursor__dot {
  background: var(--accent-primary);
}
[data-theme="light"] .custom-cursor__ring {
  border-color: var(--accent-primary);
  background: rgba(46, 111, 247, 0.1);
}

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar-track { background: #F1F5F9; }
[data-theme="light"] ::-webkit-scrollbar-thumb { background: #CBD5E1; border-color: #F1F5F9; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover { background: var(--accent-primary); }

/* Marquee items light */
[data-theme="light"] .marquee {
  background: rgba(248, 250, 252, 0.6);
}
[data-theme="light"] .marquee__item {
  color: var(--text-tertiary);
  opacity: 0.7;
}
[data-theme="light"] .marquee__item:hover {
  color: var(--accent-primary);
}

/* Active card border on light */
[data-theme="light"] .active-card::before {
  opacity: 0.8;
}

/* Loading screen on light */
[data-theme="light"] .loading-screen {
  background: var(--bg-primary);
}
[data-theme="light"] .loading-screen__text {
  color: var(--text-secondary);
}
[data-theme="light"] .loading-screen__bar {
  background: rgba(15, 23, 42, 0.08);
}

/* Theme toggle button */
.theme-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  background: var(--bg-elevated);
  border: 1px solid var(--border);
  border-radius: 100px;
  color: var(--text-secondary);
  transition: all 0.3s var(--ease-out);
  cursor: pointer;
  flex-shrink: 0;
}
.theme-toggle:hover {
  border-color: var(--accent-primary);
  color: var(--accent-primary);
  transform: rotate(15deg);
}
.theme-toggle svg { width: 18px; height: 18px; }
.theme-toggle .theme-toggle__sun { display: none; }
.theme-toggle .theme-toggle__moon { display: block; }
[data-theme="light"] .theme-toggle .theme-toggle__sun { display: block; }
[data-theme="light"] .theme-toggle .theme-toggle__moon { display: none; }

@media (max-width: 900px) {
  .theme-toggle {
    width: 36px;
    height: 36px;
  }
}