/* OKENTRA — tokens de movimiento
   Basados en la skill de Emil Kowalski (guidelines/motion/). Curvas propias, no las nativas de CSS.
   Curvas: ease-out para entradas · ease-in para salidas · ease-in-out para movimiento en pantalla ·
   ease-drawer para drawers tipo iOS · ease-hover para hover y cambios de color.
   Duraciones: instant = feedback de presión · fast = hover y foco · base = menús y popovers ·
   medium = modales, toasts y acordeones · slow = drawers y hojas de pantalla completa. */
:root {
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1); /* @kind other */
  --ease-in: cubic-bezier(0.32, 0, 0.67, 0); /* @kind other */
  --ease-in-out: cubic-bezier(0.77, 0, 0.175, 1); /* @kind other */
  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1); /* @kind other */
  --ease-hover: ease; /* @kind other */
  --duration-instant: 100ms; /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 200ms; /* @kind other */
  --duration-medium: 300ms; /* @kind other */
  --duration-slow: 400ms; /* @kind other */
}
@media (prefers-reduced-motion: reduce) {
  :root { --duration-instant: 0.01ms; /* @kind other */ --duration-fast: 0.01ms; /* @kind other */ --duration-base: 0.01ms; /* @kind other */ --duration-medium: 0.01ms; /* @kind other */ --duration-slow: 0.01ms; /* @kind other */ }
}