/* ═══════════════════════════════════════════════════════════════
   LDNR — Lignes décoratives (accueil uniquement)
   Deux vagues bleues, calque fixe plein écran.
   z-index 0 : au-dessus de l'aurora (-1), sous le canvas 3D (1) et le menu (10+).
   - Amplitude pilotée par la vélocité de scroll Lenis (voir waves.js).
   - Couleur = --color-accent → suit automatiquement le mode clair/sombre.
   ═══════════════════════════════════════════════════════════════ */

#ldnr-waves {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
  overflow: visible;
}

.ldnr-waves__line {
  fill: none;
  stroke: var(--color-accent);
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}

/* Ligne principale — nette, lumineuse, avec un léger halo */
.ldnr-waves__line--main {
  stroke-width: 2.4px;
  opacity: 0.7;
  filter: drop-shadow(0 0 6px color-mix(in srgb, var(--color-accent) 55%, transparent));
}

/* Ligne secondaire — fine, plus discrète (croise la principale) */
.ldnr-waves__line--thin {
  stroke-width: 1px;
  opacity: 0.5;
}

@media (prefers-reduced-motion: reduce) {
  #ldnr-waves { transition: none; }
}