/* The app's night sky on the marketing pages (_cosmic_sky.html): the app's
 * near-black base and faint navy glows (prospect_search.html, html,
 * body::before and body::after), under the canvas of stars that
 * cosmic-sky.js draws. Dark theme only; by day each page keeps its own
 * background. Both layers sit at z-index -1, under every page layer, so the
 * page backgrounds above them turn transparent at night. */

:root:not([data-theme="light"]) { background: #04050a; }
:root:not([data-theme="light"]) body,
:root:not([data-theme="light"]) .nv-stage,
:root:not([data-theme="light"]) .nv-root { background: transparent; }

.cosmic-glow,
.cosmic-sky { position: fixed; inset: 0; z-index: -1; pointer-events: none; }
.cosmic-glow {
  transform: translateZ(0);
  background:
    radial-gradient(ellipse 900px 650px at 18% -10%, rgba(150,175,255,0.05), transparent 60%),
    radial-gradient(ellipse 700px 500px at 100% 0%, rgba(122,150,232,0.04), transparent 60%),
    radial-gradient(ellipse 500px 380px at 80% 110%, rgba(122,150,232,0.03), transparent 65%),
    radial-gradient(ellipse 1300px 950px at 50% -8%, rgba(122,150,232,0.12), transparent 58%),
    radial-gradient(ellipse 1100px 820px at 50% 112%, rgba(70,92,168,0.08), transparent 60%);
}
/* Same dimming as the app's sky. */
.cosmic-sky { display: block; width: 100%; height: 100%; opacity: 0.5; }
:root[data-theme="light"] .cosmic-glow,
:root[data-theme="light"] .cosmic-sky { display: none; }

/* A page's own glows stay for the day theme; at night the sky's glows
   replace them. */
:root:not([data-theme="light"]) [data-day-glow] { display: none; }