/* ===================================
   FIREFLIES — Ambient Glow Particles
   =================================== */

.firefly-container {
    position: fixed;
    inset: 0;
    pointer-events: none;
    z-index: 1;           /* Above background, below content */
    overflow: hidden;
}

.firefly {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    will-change: transform, opacity, left, top;
    animation: fireflyPulse ease-in-out infinite;
    filter: blur(0.5px);
}

/* Glow pulse — fireflies fade in and out like real ones */
@keyframes fireflyPulse {
    0%   { opacity: 0;    transform: scale(0.6); }
    15%  { opacity: 0.9;  transform: scale(1);   }
    40%  { opacity: 0.6;  transform: scale(0.9); }
    60%  { opacity: 1;    transform: scale(1.1); }
    80%  { opacity: 0.4;  transform: scale(0.85);}
    100% { opacity: 0;    transform: scale(0.6); }
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
    .firefly-container { display: none; }
}