/* Mobile Square — Motion tokens
   Motion is quick and confident with a hint of spring — nothing floaty.
   Hover = lift + darken; press = settle (scale 0.97). */
:root {
  --dur-instant: 80ms; /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur:         220ms; /* @kind other */
  --dur-slow:    360ms; /* @kind other */
  --dur-slower:  600ms; /* @kind other */

  --ease-out:     cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-in-out:  cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */
  --ease-spring:  cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --ease-in:      cubic-bezier(0.55, 0, 1, 0.45); /* @kind other */

  --lift: translateY(-2px); /* @kind other */
  --press: scale(0.97); /* @kind other */
}