/* Astrodyne public website — light-mode completion.
   Loaded AFTER the canonical (dark) public styles. The `data-ad-theme="light"`
   token set already flips var()-based surfaces; this only fixes the few
   hard-coded dark surfaces so the public site reads as a clean light product. */

:root[data-ad-theme="light"] {
  --ad-accent: #D97B25;
  --ad-warm: #D97B25;
  --ad-accent-soft: rgba(217, 123, 37, 0.12);
  --ad-accent-border: rgba(217, 123, 37, 0.30);
}

/* Subtle light wash instead of the dark radial wash. */
:root[data-ad-theme="light"] .ad-bg-wash {
  background:
    radial-gradient(1100px 700px at 14% -8%, rgba(217, 123, 37, 0.07), transparent 58%),
    radial-gradient(900px 640px at 92% 0%, rgba(45, 143, 163, 0.06), transparent 52%),
    var(--ad-bg);
}

/* Primary CTA uses the orange accent on light. */
:root[data-ad-theme="light"] .ad-btn-primary {
  color: #fff;
  background: var(--ad-accent);
  box-shadow: 0 12px 28px -14px rgba(217, 123, 37, 0.55);
}
:root[data-ad-theme="light"] .ad-btn-primary:hover { color: #fff; filter: brightness(1.04); }

/* Light sticky nav. */
:root[data-ad-theme="light"] .ad-nav.ad-nav-scrolled .ad-nav-inner,
:root[data-ad-theme="light"] .ad-nav.ad-nav-receded .ad-nav-inner {
  background: rgba(255, 255, 255, 0.94);
  border-color: var(--ad-edge);
  box-shadow: 0 7px 20px rgba(15, 20, 26, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}
:root[data-ad-theme="light"] .ad-mobile-menu[open] summary {
  background: var(--ad-glass);
}

/* Code blocks read better as a very-light raised surface. */
:root[data-ad-theme="light"] .ad-code {
  color: #3A434E;
  background: #FFFFFF;
}
:root[data-ad-theme="light"] .ad-code-panel {
  background: #FFFFFF;
}

/* Page section bands become light; dark technical mockups (the console shell,
   model constellation, and code panels) intentionally stay dark as "terminal"
   visuals, the way a mature dev-infra site presents them on a light page. */
:root[data-ad-theme="light"] .ad-console-section,
:root[data-ad-theme="light"] .ad-faq-section,
:root[data-ad-theme="light"] .ad-icp-strip-section {
  background: var(--ad-bg);
}
:root[data-ad-theme="light"] .ad-invite-section {
  background: linear-gradient(180deg, var(--ad-bg), #F3F4F7);
}
:root[data-ad-theme="light"] .ad-architecture-side {
  background: #FFFFFF;
}
:root[data-ad-theme="light"] .ad-astro-side {
  background: linear-gradient(145deg, rgba(217, 123, 37, 0.05), #FFFFFF);
}
