/**
 * @file 06-animations.css
 * @project Ongles-domicile-v2
 * @description Keyframes et règles liées au mouvement.
 * @version 1.0.0
 * @standards CSS Living Standard, WCAG 2.2
 * @updated 2026-04-26
 */

/* ═══════════════════════════════════════
   KEYFRAMES
═══════════════════════════════════════ */

@keyframes fadeUp {
  to {
    opacity: 1;
    transform: none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  .hero-figure__img {
    transition: transform 0.6s var(--ease-q);
  }
}

@keyframes fadeIn {
  to {
    opacity: 1;
  }
}

@keyframes marquee {
  from {
    transform: none;
  }
  to {
    transform: translateX(-50%);
  }
}

@keyframes floatNail {
  0%, 100% {
    transform: rotate(var(--rot, 0deg)) translateY(0);
  }
  50% {
    transform: rotate(calc(var(--rot, 0deg) + 3deg)) translateY(-16px);
  }
}

@keyframes floatPill {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

@keyframes pillAppear {
  to {
    opacity: 1;
  }
}

@keyframes blink {
  0%, 100% {
    border-color: var(--rose-deep);
  }
  50% {
    border-color: transparent;
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  50% {
    transform: scale(1.5);
    opacity: 0.6;
  }
}

@keyframes scanLine {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}

/* ═══════════════════════════════════════
   RÉDUCTION DE MOUVEMENT
═══════════════════════════════════════ */

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation: none !important;
    transition-duration: 0.01ms !important;
  }

  .cursor,
  .cursor-ring {
    display: none;
  }
}