/* Garcia Family — Motion (calm, gentle, no bounce) */
:root {
  --duration-fast:   120ms; /* @kind other */
  --duration-base:   200ms; /* @kind other */
  --duration-slow:   320ms; /* @kind other */
  --duration-slower: 500ms; /* @kind other */

  /* Easing — soft ease-out, never springy */
  --ease-out:    cubic-bezier(0.22, 0.61, 0.36, 1); /* @kind other */
  --ease-in-out: cubic-bezier(0.45, 0.05, 0.30, 0.95); /* @kind other */
  --ease-soft:   cubic-bezier(0.33, 0, 0.20, 1); /* @kind other */

  --transition-control: all var(--duration-base) var(--ease-out);
  --transition-color:   color var(--duration-fast) var(--ease-out),
                        background-color var(--duration-fast) var(--ease-out),
                        border-color var(--duration-fast) var(--ease-out);
}