:root{
  /* Everything glides. Nothing bounces. */
  --ease-standard:cubic-bezier(.22,.61,.36,1); /* @kind other */
  --ease-out-slow:cubic-bezier(.16,.84,.30,1); /* @kind other */
  --ease-in-out:cubic-bezier(.55,.06,.32,.96); /* @kind other */

  --duration-instant:120ms; /* @kind other */
  --duration-fast:200ms; /* @kind other */
  --duration-base:320ms; /* @kind other */
  --duration-slow:560ms; /* @kind other */
  --duration-reveal:900ms; /* @kind other */

  --transition-hairline:border-color var(--duration-base) var(--ease-standard); /* @kind other */
  --transition-tone:color var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),border-color var(--duration-fast) var(--ease-standard),opacity var(--duration-fast) var(--ease-standard); /* @kind other */
  --transition-image:transform var(--duration-reveal) var(--ease-out-slow),opacity var(--duration-slow) var(--ease-standard); /* @kind other */

  /* Interaction deltas */
  --hover-dim:.62; /* @kind other */
  --press-dim:.44; /* @kind other */
  --image-hover-scale:1.03; /* @kind other */
  --underline-offset:.28em; /* @kind other */
}
@media (prefers-reduced-motion:reduce){
  :root{
    --duration-fast:1ms; /* @kind other */
    --duration-base:1ms; /* @kind other */
    --duration-slow:1ms; /* @kind other */
    --duration-reveal:1ms; /* @kind other */
    --image-hover-scale:1; /* @kind other */
  }
}