/* Windex Infotech — Spacing tokens
 * Base unit 8px. Sub-base (2/4/5/6/7) for tight typographic nudges.
 * Structural layout snaps to 8/12/16/20/24. Tiles stack edge-to-edge (0 gap).
 */
:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 17px;   /* the 17px body rhythm constant */
  --space-lg: 24px;   /* utility-card padding */
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 80px; /* vertical padding inside a product tile */

  /* Containers */
  --container-text: 980px;    /* text-heavy sections */
  --container-grid: 1440px;   /* product grids, content lock */
  --gutter-card: 20px;        /* between utility cards (20–24px) */
}