:root {
  --lumnix-magic-bg: #0d0614;
  --lumnix-magic-bg-center: #1b0c30;
}

body {
  background: radial-gradient(circle at center, var(--lumnix-magic-bg-center) 0%, var(--lumnix-magic-bg) 100%);
}

#lumnix-magic-bg {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 0;
  pointer-events: none;
}

#lumnix-cursor-glow {
  position: fixed;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(138, 43, 226, 0.15) 0%, rgba(0, 0, 0, 0) 70%);
  border-radius: 50%;
  pointer-events: none;
  transform: translate(-50%, -50%);
  transition: width 0.3s ease, height 0.3s ease, background 0.3s ease;
  z-index: 1;
}

.lumnix-magic-layer {
  position: relative;
  z-index: 2;
}