/* Tattoo Company motion system — generated from tokens/motion.json. */
:root {
  --motion-duration-instant: 0ms;
  --motion-duration-micro: 90ms;
  --motion-duration-fast: 140ms;
  --motion-duration-base: 220ms;
  --motion-duration-frame: 420ms;
  --motion-duration-stage: 640ms;
  --motion-duration-assemble: 900ms;
  --motion-ease-strike: cubic-bezier(0.16, 1, 0.3, 1);
  --motion-ease-lift: cubic-bezier(0.7, 0, 0.84, 0);
  --motion-ease-swap: cubic-bezier(0.65, 0, 0.35, 1);
  --motion-ease-press: cubic-bezier(0.2, 0, 0, 1);
  --motion-ease-loop: cubic-bezier(0, 0, 1, 1);
  --motion-exit-ratio: 0.66;
  --motion-stagger-step: 40ms;
  --motion-stagger-max: 6;
  --motion-rise: 12px;
  --motion-nudge: 4px;
  --motion-hover-lift: 2px;
  --motion-cue-extend: 1.75;
  --motion-press-scale: 0.98;
  --motion-anchor-link-cue: 0% 50%;
  --motion-anchor-underline-exit: 100% 50%;
  --motion-anchor-button: 50% 50%;
  --motion-anchor-frame: 50% 100%;
  --motion-anchor-menu: 50% 0%;
  --motion-anchor-status: 0% 0%;
  --motion-anchor-indicator: 50% 50%;
  --motion-anchor-mark: 50% 50%;
}

/* Reduced motion: no travel, no stagger; only short color/opacity changes remain. */
@media (prefers-reduced-motion: reduce) {
  :root {
    --motion-duration-fast: 0ms;
    --motion-duration-base: 0ms;
    --motion-duration-frame: 0ms;
    --motion-duration-stage: 0ms;
    --motion-duration-assemble: 0ms;
    --motion-rise: 0px;
    --motion-nudge: 0px;
    --motion-hover-lift: 0px;
    --motion-cue-extend: 1;
    --motion-press-scale: 1;
    --motion-stagger-step: 0ms;
  }
}