/* tokens/motion.css */
:root {
  --duration-instant: 80ms; /* @kind other */
  --duration-rapida: 160ms; /* @kind other */
  --duration-normal: 240ms; /* @kind other */
  --duration-lenta: 400ms; /* @kind other */

  --ease-salida:  cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --ease-entrada: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-estandar: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-rebote:  cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */

  --transicion-color: color var(--duration-rapida) var(--ease-estandar),
                      background-color var(--duration-rapida) var(--ease-estandar),
                      border-color var(--duration-rapida) var(--ease-estandar);
}
@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-instant: 0ms; /* @kind other */
    --duration-rapida: 0ms; /* @kind other */
    --duration-normal: 0ms; /* @kind other */
    --duration-lenta: 0ms; /* @kind other */
  }
}