:root {
  --ease-soft: cubic-bezier(0.32, 0.72, 0.24, 1); /* @kind other */
  --ease-out: cubic-bezier(0.16, 0.84, 0.34, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.5, 0, 0.5, 1); /* @kind other */
  --duration-instant: 90ms; /* @kind other */
  --duration-fast: 150ms; /* @kind other */
  --duration-normal: 240ms; /* @kind other */
  --duration-slow: 420ms; /* @kind other */
  --duration-drift: 9s; /* @kind other */
  --transition-base: color var(--duration-fast) var(--ease-soft),
                     background-color var(--duration-fast) var(--ease-soft),
                     border-color var(--duration-fast) var(--ease-soft),
                     box-shadow var(--duration-normal) var(--ease-soft),
                     transform var(--duration-normal) var(--ease-soft); /* @kind other */
}