/* ============================================================
   SPACING — Gallery Design System
   Base unit 8px. Structural layout snaps to 8/12/16/24.
   Section padding inside a tile = 80px; tiles stack with 0 gap.
   ============================================================ */

:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 17px;   /* matches the 17px body rhythm */
  --space-lg: 24px;   /* card padding */
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 80px; /* vertical padding inside a product tile */

  /* --- Layout containers ------------------------------------ */
  --container-text: 980px;   /* text-heavy sections */
  --container-grid: 1440px;  /* product / utility grids */
  --grid-gutter: 24px;       /* gap between utility cards */
}