/* ============================================================
   PARTICLE BACKGROUND
   ============================================================ */

#particles {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  pointer-events: none;
}

#glow {
  position: fixed;
  width: 260px;
  height: 260px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 143, 131, 0.15), transparent 70%);
  pointer-events: none;
  z-index: 1;
  opacity: 0;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease;
}

/* Ensure content sits above particles */
.wn-header,
main,
.wn-footer {
  position: relative;
  z-index: 2;
}

/* Dark mode - handled in modern-styles.css, only keep particle-specific overrides */
[data-theme="dark"] #particles {
  opacity: 0.6;
}

[data-theme="dark"] #glow {
  background: radial-gradient(circle, rgba(0, 232, 208, 0.12), transparent 70%);
}

@media (prefers-reduced-motion: reduce) {
  #particles { display: none; }
  #glow { display: none; }
}