// AuroraBackground — a deep-indigo cosmos shared by the hero and footer so the
// page is bookended by the same living light. Brand-blue (#4E85BF / #89AACC)
// pools and drifts over a near-black indigo base, a twinkling halftone
// starfield echoes the site's dot motif, a slow conic sheen adds iridescence
// and fine grain keeps it from feeling flat. The surface stays dark and fades
// into the body at both ends, so the sections melt into the rest of the page.
//   variant="hero"   → light pooled low,  fades to --bg at the bottom
//   variant="footer" → mirrored: light pooled high, fades up to --bg
function AuroraBackground({ variant = "hero" }) {
  const cls = "aurora" + (variant === "footer" ? " aurora--footer" : "");
  return (
    <div className={cls} aria-hidden="true">
      <div className="aurora__core"></div>
      <div className="aurora__blob aurora__blob--1"></div>
      <div className="aurora__blob aurora__blob--2"></div>
      <div className="aurora__sheen"></div>
      <div className="aurora__stars"></div>
      <div className="aurora__grain"></div>
      <div className="aurora__vignette"></div>
      <div className="aurora__fade"></div>
    </div>
  );
}

Object.assign(window, { AuroraBackground });