/* =====================================================
   animations.css — Animations (thème light)
   ===================================================== */

/* Scroll Reveal */
.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition:
    opacity  0.6s ease-out,
    transform 0.6s ease-out;
  transition-delay: var(--delay, 0s);
}

.reveal.visible {
  opacity: 1;
  transform: translateY(0);
}

/* Délais hero */
.hero .availability-badge.reveal { --delay: 0s;   }
.hero .hero__name.reveal          { --delay: 0.1s; }
.hero .hero__subtitle.reveal      { --delay: 0.18s; }
.hero .hero__desc.reveal          { --delay: 0.26s; }
.hero .hero__ctas.reveal          { --delay: 0.34s; }

/* Navbar fade-in au chargement */
@keyframes navbarFadeIn {
  from { opacity: 0; transform: translateY(-8px); }
  to   { opacity: 1; transform: translateY(0); }
}

.navbar__logo { animation: navbarFadeIn 0.4s ease-out; }

/* Skeleton shimmer (utilitaire) */
@keyframes shimmer {
  0%   { background-position: -200% 0; }
  100% { background-position:  200% 0; }
}

.skeleton {
  background: linear-gradient(
    90deg,
    rgba(0,0,0,0.04) 25%,
    rgba(0,0,0,0.07) 50%,
    rgba(0,0,0,0.04) 75%
  );
  background-size: 200% 100%;
  animation: shimmer 1.5s infinite;
  border-radius: 3px;
}