:root{
  --spacing:0.25rem;      /* 4px base unit */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --grid-unit:24px;       /* board: 24px grid system */
  --container-max:1200px;
  --gutter:24px;

  --radius:0.375rem;      /* 6px */
  --radius-xs:4px;        /* board: icon corner radius */
  --radius-sm:6px;
  --radius-md:8px;
  --radius-lg:12px;
  --radius-xl:16px;
  --radius-pill:999px;

  --stroke:2px;           /* board: 2px icon stroke weight */
  --border-width:1px;
}