:root{
  --duration-fast: 150ms; /* @kind other */
  --duration-base: 240ms; /* @kind other */
  --duration-slow: 480ms; /* @kind other */
  --ease-out-soft: cubic-bezier(0.22, 1, 0.36, 1); /* @kind other */
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */
  --cursor-badge-lag: 90ms; /* @kind other */

  --transition-interactive: background-color var(--duration-base) var(--ease-out-soft), color var(--duration-base) var(--ease-out-soft), border-color var(--duration-base) var(--ease-out-soft), transform var(--duration-fast) var(--ease-out-soft);
  --transition-lift: box-shadow var(--duration-base) var(--ease-out-soft), transform var(--duration-base) var(--ease-out-soft);
}