/* Movimiento. Una sola curva para casi todo. Nada dura más de 320ms
   salvo las animaciones de celebración. */
:root {
  --ease:       cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-pop:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --d-fast:  120ms; /* @kind other */ /* cambio de color en control */
  --d-nav:   160ms; /* @kind other */ /* pastilla del stepper */
  --d-base:  200ms; /* @kind other */ /* botón, entrada de error */
  --d-slow:  320ms; /* @kind other */ /* barra de progreso al avanzar */
}

/* Las animaciones del onboarding, con sus nombres reales. */
@keyframes om-up   { from { opacity: 0; transform: translateY(14px); } to { opacity: 1; transform: none; } }
@keyframes om-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: none; } }
@keyframes om-err  { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }
@keyframes om-pop  { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.08); } 100% { opacity: 1; transform: scale(1); } }
@keyframes om-ring { 0% { opacity: 0.5; transform: scale(0.7); } 100% { opacity: 0; transform: scale(1.9); } }
@keyframes om-brand { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: none; } }
@keyframes om-spin { to { transform: rotate(360deg); } }