/* ==========================================================
   BellexFire Digital — Background
   assets/css/background.css
   Two layers: CSS radial gradient base + JS canvas particles
   Both are position:fixed, pointer-events:none, z-index:-1
   ========================================================== */

/* Layer 1 — CSS radial gradient starfield base */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    radial-gradient(ellipse 80% 60% at 20% 30%, rgba(168, 85, 247, 0.15) 0%, transparent 70%),
    radial-gradient(ellipse 70% 50% at 80% 70%, rgba(255, 43, 214, 0.10) 0%, transparent 70%),
    var(--bxf-bg-deep);
}

/* Layer 2 — JS canvas (drifting particles) */
#bxf-bg {
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

/* When JS is unavailable the canvas just occupies no visual space */