:root{
  --duration-fast:120ms; /* @kind other */
  --duration-base:200ms; /* @kind other */
  --duration-slow:320ms; /* @kind other */
  --duration-slower:520ms; /* @kind other */
  /* Settle: quick out, soft landing — like a tile placed on felt */
  --ease-settle:cubic-bezier(.2,.8,.2,1); /* @kind other */
  --ease-out:cubic-bezier(.33,1,.68,1); /* @kind other */
  --ease-in-out:cubic-bezier(.65,0,.35,1); /* @kind other */
  --transition-interactive:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);
}