/* ============================================================
   site-fx.css — the home page's "Kinetic Aurora" backdrop + fx,
   applied site-wide to every INNER page so the whole site shares
   the home look. (The home page itself has its own self-contained
   .ha background and does NOT load this file; the archived designs
   keep their own.)

   Pairs with css/fx.css (canvas + cursor base) + js/fx.js.
   Loaded conditionally in includes/header.php. This only restyles
   the BACKGROUND layer + adds the custom cursor — it never touches
   page content, and never edits css/main.css / js/main.js.
   ============================================================ */

/* Swap the Lumen ambient mesh/dot pattern for the shared aurora backdrop. */
body::before, body::after { display: none !important; }

/* Fixed aurora layer: above the body background, behind all content. */
.site-aurora { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.site-aurora canvas { opacity: 1; }
.site-aurora .site-constellation { opacity: .65; }

/* Light veil — kept thin so the aurora reads vivid (close to the home page),
   with just enough wash to keep dark text on light sections legible. */
.site-aurora::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(180deg, rgba(248,250,253,.14) 0%, rgba(248,250,253,.30) 100%); }

@media (prefers-reduced-motion: reduce) {
  /* fx.js already paints a single static frame; nothing extra needed here. */
  .site-aurora canvas { opacity: .95; }
}