/* BEX spacing — 8px base. --space-gutter is a verbatim source value; do not round it to 24px. */
:root{
  --space-unit:8px;
  --space-0:0px;
  --space-half:4px;
  --space-1:8px;
  --space-2:16px;
  --space-gutter:21.44px;
  --space-3:24px;
  --space-4:32px;
  --space-5:40px;
  --space-6:48px;
  --space-8:64px;
  --space-12:96px;

  /* Component-level spacing lifted straight from the source */
  --pad-button:4px;              /* outer padding; label centered with flex */
  --pad-nav-button:4px 16px;
  --gap-card:16px;               /* between category cards */
  --gap-cta:16px;                /* between the primary/secondary CTA pair */
  --gap-product-grid:32px;
}