/* Motion GTM Workspace — Spacing Tokens */

:root {
  /* ── Base scale (4px unit) ──────────────────── */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   28px;
  --space-8:   32px;
  --space-9:   36px;
  --space-10:  40px;
  --space-12:  48px;
  --space-14:  56px;
  --space-16:  64px;
  --space-18:  72px;
  --space-20:  80px;
  --space-22:  88px;
  --space-24:  96px;

  /* ── Container ──────────────────────────────── */
  --container-max:    1180px;
  --container-gutter: 20px;

  /* ── Section vertical rhythm ────────────────── */
  --section-sm:  48px;
  --section-md:  64px;
  --section-lg:  96px;
}