/* ============================================================
   GROUNDWORK CX — SPACING TOKENS
   Modular scale on 8px increments (with 4px micro step).
   Mirrors the brand spacing system: 4·8·16·24·32·48·64·96.
   ============================================================ */
:root {
  --space-3xs: 4px;   /* XXS — micro spacing */
  --space-2xs: 8px;   /* XS  — extra small */
  --space-xs:  12px;  /* between SM steps */
  --space-sm:  16px;  /* SM  — small */
  --space-md:  24px;  /* MD  — medium */
  --space-lg:  32px;  /* LG  — large */
  --space-xl:  48px;  /* XL  — extra large */
  --space-2xl: 64px;  /* 2XL */
  --space-3xl: 96px;  /* 3XL */
  --space-4xl: 128px; /* section breaks on large canvases */

  /* ---- Layout ---- */
  --container-max: 1200px;     /* 12-col desktop content width */
  --container-narrow: 760px;   /* long-form reading measure */
  --gutter: 24px;
  --page-margin: 48px;

  /* ---- Grid ---- */
  --grid-cols-desktop: 12; /* @kind other */
  --grid-cols-tablet: 8; /* @kind other */
  --grid-cols-mobile: 4; /* @kind other */
}