/* Matched to design-ui/src/motion/tokens.ts; content is never hidden by this file. */
:root {
  --motion-duration-feedback: 150ms;
  --motion-duration-state: 240ms;
  --motion-duration-disclosure: 340ms;
  --motion-duration-route: 300ms;
  --motion-duration-reveal: 360ms;
  --motion-ease: cubic-bezier(0.2, 0, 0, 1);
  --motion-distance-short: 8px;
  --motion-distance-section: 12px;
  --motion-delay-max: 120ms;
}

/* Only the explicitly opted-in component owns these properties. */
[data-motion-disclosure-content] { display: flow-root; }
[data-motion-dialog-scroll], [data-motion-menu-scroll] { overscroll-behavior: contain; }

/* Keep state legible and remove spatial movement when the preference changes mid-visit. */
@media (prefers-reduced-motion: reduce) {
  [data-motion-feedback], [data-motion-state] {
    transition-duration: 0ms;
    animation-duration: 0ms;
  }
}