/* Motion is restrained: short, eased, no bounce, no parallax. */
:root{
  --duration-instant:90ms;
  --duration-fast:150ms;
  --duration-base:220ms;
  --duration-slow:400ms;
  --duration-reveal:600ms;
  --duration-draw:700ms;

  --ease-standard:cubic-bezier(.2,0,0,1);
  --ease-reveal:cubic-bezier(.22,1,.36,1); /* the Magic Patterns reveal curve */
  --ease-out:cubic-bezier(.16,1,.3,1);
  --ease-in-out:cubic-bezier(.65,0,.35,1);

  --transition-color:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard);
  --transition-lift:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard);
}
@media (prefers-reduced-motion:reduce){
  :root{
    --duration-instant:0ms;
    --duration-fast:0ms;
    --duration-base:0ms;
    --duration-slow:0ms;
    --duration-reveal:0ms;
    --duration-draw:0ms;
  }
}