:root{
  --ease-standard: cubic-bezier(.2,.0,.0,1);
  --ease-emphasized: cubic-bezier(.2,.0,0,.98);
  --dur-fast: 150ms;
  --dur-med: 200ms;
  --dur-slow: 280ms;
}
.motion-standard{ transition-timing-function: var(--ease-standard); transition-duration: var(--dur-fast); }
.motion-emph{ transition-timing-function: var(--ease-emphasized); transition-duration: var(--dur-med); }
.motion-slow{ transition-duration: var(--dur-slow); }
@media (prefers-reduced-motion: reduce){
  *{ transition-duration: 1ms !important; animation-duration: 1ms !important; }
}