/* =====================================================
   particles.css — Canvas de particules (thème light)
   ===================================================== */

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

/* Dégradé radial pour lisibilité du texte sur fond crème */
.hero::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: radial-gradient(
    ellipse 70% 55% at 50% 50%,
    rgba(240, 237, 232, 0.55) 0%,
    transparent 100%
  );
  pointer-events: none;
}

/* Fondu vers la section suivante */
.hero::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100px;
  z-index: 1;
  background: linear-gradient(180deg, transparent 0%, var(--color-bg) 100%);
  pointer-events: none;
}

/* Contenu hero au-dessus du canvas */
.hero__content {
  position: relative;
  z-index: 2;
}