/* ============================================================
   Legal Flow Doctor — Motion & Animation Tokens
   ============================================================ */

:root {

  /* ── Durations ──────────────────────────────────────────── */
  --duration-instant:   50ms;  /* @kind other */
  --duration-fast:      100ms; /* @kind other */
  --duration-normal:    175ms; /* @kind other */
  --duration-slow:      300ms; /* @kind other */
  --duration-slower:    450ms; /* @kind other */
  --duration-slowest:   600ms; /* @kind other */

  /* ── Easing ─────────────────────────────────────────────── */
  --ease-linear:        linear;                                  /* @kind other */
  --ease-in:            cubic-bezier(0.4, 0, 1, 1);             /* @kind other */
  --ease-out:           cubic-bezier(0, 0, 0.2, 1);             /* @kind other */
  --ease-in-out:        cubic-bezier(0.4, 0, 0.2, 1);          /* @kind other */
  --ease-spring:        cubic-bezier(0.34, 1.56, 0.64, 1);     /* @kind other */
  --ease-bounce:        cubic-bezier(0.68, -0.55, 0.27, 1.55); /* @kind other */

  /* ── Semantic Transitions ───────────────────────────────── */
  --transition-colors:  color var(--duration-fast) var(--ease-out),
                        background-color var(--duration-fast) var(--ease-out),
                        border-color var(--duration-fast) var(--ease-out),
                        fill var(--duration-fast) var(--ease-out); /* @kind other */

  --transition-shadow:  box-shadow var(--duration-normal) var(--ease-out); /* @kind other */

  --transition-opacity: opacity var(--duration-normal) var(--ease-out); /* @kind other */

  --transition-transform: transform var(--duration-normal) var(--ease-out); /* @kind other */

  --transition-all:     all var(--duration-normal) var(--ease-out); /* @kind other */

  /* ── Component-specific ─────────────────────────────────── */
  --transition-button:  color var(--duration-fast) var(--ease-out),
                        background-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 */

  --transition-card:    box-shadow var(--duration-slow) var(--ease-out),
                        transform var(--duration-slow) var(--ease-out); /* @kind other */

  --transition-input:   border-color var(--duration-fast) var(--ease-out),
                        box-shadow var(--duration-fast) var(--ease-out); /* @kind other */

  --transition-sidebar: transform var(--duration-slow) var(--ease-in-out); /* @kind other */
}