/* MOTION TOKENS — durations + cubic-bezier easings (bolt-ds semantic/motion.ts).
 * No hover state on mobile — feedback is press-based.
 *   press → fast decelerate · fade → base standard · enter → base decelerate
 *   exit → fast accelerate · emphasis → slow emphasized (hero/brand) */
:root {
  --duration-instant: 0ms; /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 250ms; /* @kind other */
  --duration-slow: 400ms; /* @kind other */
  --duration-slower: 600ms; /* @kind other */

  --ease-linear: cubic-bezier(0, 0, 1, 1); /* @kind other */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --ease-decelerate: cubic-bezier(0, 0, 0.2, 1); /* @kind other */
  --ease-accelerate: cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --ease-emphasized: cubic-bezier(0.2, 0, 0, 1); /* @kind other */

  --motion-press: var(--duration-fast) var(--ease-decelerate);
  --motion-fade: var(--duration-base) var(--ease-standard);
  --motion-enter: var(--duration-base) var(--ease-decelerate);
  --motion-exit: var(--duration-fast) var(--ease-accelerate);
  --motion-emphasis: var(--duration-slow) var(--ease-emphasized);
}