/* moon-bg.css — makes the moon/space background visible in DARK theme only.
   Light theme is untouched (keeps the existing .bg-stage pastel blobs).
   Scope every rule under [data-theme="dark"]. */

/* The old blurred-blob backdrop is fully replaced by the moon scene in dark. */
:root[data-theme="dark"] .bg-stage {
  display: none !important;
}

/* Let the fixed canvases (z-index -3/-2/-1) show through the page. */
:root[data-theme="dark"] body {
  background: transparent !important;
}

/* Base colour behind everything before the canvas paints / if JS is off. */
:root[data-theme="dark"] {
  background-color: #05070d;
}

/* --- Per-section transparency overrides go here as we test each template ---
   Add rules like:
   :root[data-theme="dark"] .some-opaque-section { background: transparent; }
   or a translucent panel:
   :root[data-theme="dark"] .panel { background: rgba(10,13,26,.55); backdrop-filter: blur(6px); }
*/