:root {
  --motion-instant: 100ms;
  --motion-fast: 150ms;
  --motion-quick: 200ms;
  --motion-base: 300ms;
  --motion-medium: 450ms;
  --motion-slow: 600ms;
  --motion-xslow: 900ms;

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-out-soft: cubic-bezier(0.22, 0.61, 0.36, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);

  --reveal-y: 24px;
  --reveal-y-sm: 16px;
  --reveal-x: 32px;
  --stagger: 70ms;
  --stagger-max: 420ms;

  --dur-fast: var(--motion-quick);
  --dur-base: var(--motion-base);
  --dur-slow: var(--motion-slow);
  --ease: var(--ease-out);
}