:root,
[data-theme="dark"] {
  color-scheme: dark;
  --color-text: #f8fafc;
  --color-text-muted: #94a3b8;
  --color-background: #101024;
  --color-surface: #151630;
  --color-surface-elevated: #1c1d3d;
  --color-border: rgba(248, 250, 252, 0.12);
  --color-purple: #7c3aed;
  --color-blue: #2563eb;
  --color-cyan: #22d3ee;
  --color-yellow: #facc15;
  --color-yellow-ink: #1a1500;
  --glow: 0 0 40px rgba(124, 58, 237, 0.28);
}

[data-theme="light"] {
  color-scheme: light;
  --color-text: #101024;
  --color-text-muted: #475569;
  --color-background: #f8fafc;
  --color-surface: #ffffff;
  --color-surface-elevated: #eef2ff;
  --color-border: #cbd5e1;
  --color-purple: #6d28d9;
  --color-blue: #1d4ed8;
  --color-cyan: #087f8c;
  --color-yellow: #ca8a04;
  --color-yellow-ink: #1a1500;
  --glow: 0 12px 32px rgba(16, 16, 36, 0.08);
  --color-white: #101024;
  --color-offwhite: #101024;
  --color-muted: #475569;
  --color-bg: #f8fafc;
  --color-bg-elevated: #ffffff;
}

[data-theme="light"] body {
  background: var(--color-background);
}

/* Hero keeps cinematic dark photo + overlay in both themes */
[data-theme="light"] .hero {
  background: #070714;
  color: #f8fafc;
}

[data-theme="light"] .site-header {
  background: rgba(248, 250, 252, 0.88);
}

[data-theme="light"] .site-header:not(.is-scrolled) {
  background: linear-gradient(180deg, rgba(6, 6, 18, 0.55), rgba(6, 6, 18, 0.12));
}

[data-theme="light"] .site-header:not(.is-scrolled) .nav a,
[data-theme="light"] .site-header:not(.is-scrolled) .social-row a,
[data-theme="light"] .site-header:not(.is-scrolled) .social-row__soon {
  color: rgba(248, 250, 252, 0.82);
}

[data-theme="light"] .nav a,
[data-theme="light"] .section-lead,
[data-theme="light"] .card__text,
[data-theme="light"] .host-card__body p,
[data-theme="light"] .pilot-copy p,
[data-theme="light"] .step p,
[data-theme="light"] .faq-item .faq-a,
[data-theme="light"] .footer-brand p,
[data-theme="light"] .footer-nav a,
[data-theme="light"] .footer-bottom {
  color: var(--color-text-muted);
}

[data-theme="light"] .brand img,
[data-theme="light"] .footer-brand img,
[data-theme="light"] .hero__brand img {
  filter: none;
}

[data-theme="light"] .site-header:not(.is-scrolled) .brand img {
  filter: drop-shadow(0 0 12px rgba(34, 211, 238, 0.35));
}

[data-theme="light"] .hero__title,
[data-theme="light"] .hero__sub,
[data-theme="light"] .hero__tagline,
[data-theme="light"] .hero__features .feature-chip {
  color: #f8fafc;
}

[data-theme="light"] .hero__sub {
  color: rgba(248, 250, 252, 0.92);
}

[data-theme="light"] .community-card {
  color: #f8fafc;
}
