:root{
  /* Motion is functional and short. No bounce, no reveal-on-scroll, no parallax.
     Hover on solid fills is an opacity drop; hover on text is a colour change to orange. */
  --duration-fast:120ms; /* @kind other */
  --duration-base:180ms; /* @kind other */
  --duration-slow:280ms; /* @kind other */
  --ease-standard:cubic-bezier(.2,0,.2,1); /* @kind other */
  --ease-out:cubic-bezier(0,0,.2,1); /* @kind other */
  --transition-hover:opacity var(--duration-base) var(--ease-standard),color var(--duration-base) var(--ease-standard),background-color var(--duration-base) var(--ease-standard),border-color var(--duration-base) var(--ease-standard);
  --hover-opacity:.9; /* @kind other */
  --press-opacity:.82; /* @kind other */
}