/* ============================================================
   fireflies.css
   Conteneur Canvas pour des lucioles animées (cf. fireflies.js)

   Markup minimal :
   <div data-fireflies></div>

   Attributs optionnels (lus par le JS) :
   - data-fireflies-count="18"          → nombre de lucioles
   - data-fireflies-color="#7CFC9F"     → couleur (défaut --color-accent)
   - data-fireflies-speed="0.5"         → multiplicateur vitesse (défaut 1)
   - data-fireflies-size-min="1"        → taille min en px
   - data-fireflies-size-max="3"        → taille max en px
   ============================================================ */

[data-fireflies] {
  position: absolute;
  inset: 0;
  pointer-events: none;
  overflow: hidden;
  z-index: 1;
}

[data-fireflies] canvas {
  width: 100%;
  height: 100%;
  display: block;
}

/* Reduced motion : on cache complètement (pas de version statique pertinente) */
@media (prefers-reduced-motion: reduce) {
  [data-fireflies] {
    display: none;
  }
}