/* ============================================================
   GateHouse — Motion tokens
   ------------------------------------------------------------
   Motion is precise and quick — like an instrument responding.
   No bounce. Fades + short slides. Data viz may ease longer.
   ============================================================ */

:root {
  /* ---- Durations ---- */
  --dur-instant: 80ms;   /* @kind other */
  --dur-fast:    140ms;  /* @kind other */
  --dur-base:    200ms;  /* @kind other */
  --dur-slow:    320ms;  /* @kind other */
  --dur-slower:  480ms;  /* @kind other */
  --dur-data:    720ms; /* @kind other */

  /* ---- Easing ---- */
  --ease-out:      cubic-bezier(0.22, 0.68, 0.18, 1); /* @kind other */
  --ease-in-out:   cubic-bezier(0.5, 0, 0.2, 1); /* @kind other */
  --ease-emphasis: cubic-bezier(0.2, 0.9, 0.1, 1); /* @kind other */
  --ease-linear:   linear; /* @kind other */

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