/* Motion — Nimbus speeds + an "ease-out" curve set the house feel.
 * Use the semantic vars in components; raw speeds for custom animations.
 */
:root {
  --speed-fast:    150ms; /* @kind other */
  --speed-base:    300ms; /* @kind other */
  --speed-slow:    450ms; /* @kind other */
  --speed-slower:  600ms; /* @kind other */

  --ease-standard: cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1);     /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1);    /* @kind other */
  --ease-spring:   cubic-bezier(0.34, 1.56, 0.64, 1); /* @kind other */

  /* Semantic transitions */
  --t-hover:       all var(--speed-fast) var(--ease-standard); /* @kind other */
  --t-press:       transform var(--speed-fast) var(--ease-standard); /* @kind other */
  --t-enter:       opacity var(--speed-base) var(--ease-out), transform var(--speed-base) var(--ease-out); /* @kind other */
}