/* ============================================================
   Focus Managed Services — Motion
   Motion is purposeful and quick — confident easing, short
   durations, no bounce. Interactions confirm; they don't
   perform. Respect prefers-reduced-motion in components.
   ============================================================ */
:root {
  /* ---------- Duration ---------- */
  --dur-instant: 80ms;  /* @kind other */
  --dur-fast:    140ms; /* @kind other */
  --dur-base:    220ms; /* @kind other */
  --dur-slow:    340ms; /* @kind other */
  --dur-slower:  520ms; /* @kind other */

  /* ---------- Easing ---------- */
  --ease-standard: cubic-bezier(0.2, 0, 0, 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-emphasis: cubic-bezier(0.65, 0, 0.35, 1);  /* @kind other */

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