/* §05 Motion — 400ms fades, 300ms hairline draws. Nothing bounces, slides,
   parallaxes or auto-plays. One animated moment per page, maximum. */
:root{
  --dur-fade:400ms; /* @kind other */
  --dur-draw:300ms; /* @kind other */
  --dur-state:180ms; /* @kind other */        /* hover / press colour changes only */
  --ease:cubic-bezier(.4,0,.2,1)/* @kind other */;
  --ease-draw:cubic-bezier(.22,1,.36,1)/* @kind other */;
  --transition-state:color var(--dur-state) var(--ease),background-color var(--dur-state) var(--ease),border-color var(--dur-state) var(--ease);
}
@media (prefers-reduced-motion:reduce){
  :root{--dur-fade:1ms; /* @kind other */ --dur-draw:1ms; /* @kind other */ --dur-state:1ms; /* @kind other */}
}