/* ============================================================
   SPACING — 8px base. Sub-base (2,4,5,6,7) for type nudges;
   structural layout snaps to 8/12/16/20/24.
   ============================================================ */
:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 17px;   /* matches the 17px body rhythm */
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 80px;  /* product-tile vertical padding */

  /* Layout constants */
  --container-text: 980px;    /* text-heavy sections */
  --container-grid: 1440px;   /* product grids, content lock */
  --gutter-card: 24px;        /* gap in utility grids */
  --card-padding: 24px;       /* inside utility cards */
}