/* =========================================================
   04-background.css — FIXED BACKGROUND LAYERS
   Depends on: 01-tokens.css
   ========================================================= */

/* A: Starfield canvas */
#canvas-stars {
  position: fixed; inset: 0;
  z-index: 0; pointer-events: none;
}

/* B: Ambient glow */
.bg-glow {
  position: fixed; inset: 0;
  z-index: 0; pointer-events: none;
  background:
    radial-gradient(ellipse 70% 55% at 50% 40%, rgba(200,137,10,.13) 0%, transparent 70%),
    radial-gradient(ellipse 40% 30% at 18% 80%, rgba(230,126, 0,.07) 0%, transparent 60%),
    radial-gradient(ellipse 35% 28% at 82% 18%, rgba(255,208,85,.06) 0%, transparent 60%);
}

/* C: Rotating zodiac wheel */
.bg-zodiac {
  position: fixed;
  top: 50%; left: 50%;
  transform: translate(-50%, -50%);
  width: min(90vw, 760px); height: min(90vw, 760px);
  opacity: 0.07; z-index: 0; pointer-events: none;
  animation: anim-spin-slow var(--dur-xslow) linear infinite;
}
@keyframes anim-spin-slow {
  to { transform: translate(-50%, -50%) rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
  .bg-zodiac { animation: none; }
}