/**
 * Red Orchid — Motion tokens
 *
 * CSS is the source of truth for timing, easing, and the small distances used
 * by roMotion. The JavaScript wrapper reads these values at call time so skin
 * and reduced-motion overrides stay in sync with CSS consumers.
 */
:root {
  --ro-dur-fast: 120ms;
  --ro-dur-base: 220ms;
  --ro-dur-slow: 420ms;
  --ro-dur-hero: 800ms;

  --ro-ease-out: cubic-bezier(0.33, 0.9, 0.35, 1);
  --ro-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ro-ease-spring: cubic-bezier(0.22, 1.2, 0.36, 1);

  --ro-move-sm: 8px;
  --ro-move-md: 20px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --ro-dur-fast: 1ms;
    --ro-dur-base: 1ms;
    --ro-dur-slow: 1ms;
    --ro-dur-hero: 1ms;
    --ro-move-sm: 0px;
    --ro-move-md: 0px;
  }

  *,
  *::before,
  *::after {
    animation-duration: 1ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 1ms !important;
    scroll-behavior: auto !important;
  }
}