:root {
  --duration-instant: 90ms; /* @kind other */
  --duration-fast: 140ms; /* @kind other */
  --duration-base: 220ms; /* @kind other */
  --duration-slow: 380ms; /* @kind other */

  --ease-out: cubic-bezier(0.22, 0.7, 0.28, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.5, 0.05, 0.3, 1); /* @kind other */
  --ease-pop: cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */ /* the one bounce the brand allows */

  --transition-control: 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); /* @kind other */
  --press-scale: 0.97; /* @kind other */
  --hover-lift: translateY(-2px); /* @kind other */
}