/* Central motion tokens. Colors follow the existing ASITA palette. */
:root {
  --motion-brand: var(--green, #183c34);
  --motion-gold: var(--gold, #b18a3e);
  --motion-white: #ffffff;
  --motion-backdrop: rgb(238 245 239 / 92%);
  --motion-shine: rgb(255 255 255 / 65%);
  --motion-badge-shadow: 0 8px 0 rgb(24 60 52 / 12%);
  --motion-shadow: var(--shadow-raised);
  --motion-ease: cubic-bezier(.22, 1, .36, 1);
  --motion-bounce: cubic-bezier(.2, .85, .3, 1.15);
  --motion-enter: 320ms;
  --motion-fade: 180ms;
  --motion-press: 160ms;
  --motion-field: 220ms;
  --motion-badge: 700ms;
  --motion-counter: 650ms;
  --motion-chart: 600ms;
  --motion-logo: 900ms;
  --motion-empty: 1800ms;
  --motion-loading: 800ms;
  --motion-loading-cycles: 3;
  --motion-celebration: 2800ms;
  --motion-returning: 1600ms;
  --motion-stagger: 45ms;
  --motion-stagger-limit: 6;
  --motion-particles: 14;
  --motion-particles-light: 6;
  --motion-sparkle-radius: 140;
  --motion-tilt: 2.5;
}