/* ============================================================
   Route Star — Motion tokens
   Restrained, premium. Quick fades + small slides. No bounce.
   ============================================================ */

:root {
  /* ---- Durations ---- */
  --duration-fast:   120ms; /* @kind other */
  --duration-base:   180ms; /* @kind other */
  --duration-slow:   240ms; /* @kind other */
  --duration-slower: 320ms; /* @kind other */

  /* ---- Easings ---- */
  --ease-standard: cubic-bezier(0.2, 0.6, 0.2, 1); /* @kind other */
  --ease-out:      cubic-bezier(0.16, 1, 0.3, 1); /* @kind other */
  --ease-in:       cubic-bezier(0.4, 0, 1, 1); /* @kind other */
  --ease-in-out:   cubic-bezier(0.65, 0, 0.35, 1); /* @kind other */

  /* ---- Common transitions ---- */
  --transition-colors: color var(--duration-fast) var(--ease-standard),
                       background-color var(--duration-fast) var(--ease-standard),
                       border-color var(--duration-fast) var(--ease-standard);
  --transition-transform: transform var(--duration-base) var(--ease-out);
  --transition-shadow: box-shadow var(--duration-base) var(--ease-standard);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms; /* @kind other */
    --duration-base: 0ms; /* @kind other */
    --duration-slow: 0ms; /* @kind other */
    --duration-slower: 0ms; /* @kind other */
  }
}