/* ============================================================
   Fortify Ecom — Spacing
   Base unit 8px. Sub-base values (2,4,5,6,7) exist only for
   tight typographic adjustment; structural layout snaps to
   8/12/16/20/24. Tiles stack edge-to-edge (0 gap) — the
   surface-color change is the divider, not whitespace.
   ============================================================ */

:root {
  --space-xxs: 4px;
  --space-xs:  8px;
  --space-sm:  12px;
  --space-md:  17px;  /* the body line multiplier — a recurring 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 / utility grids, content lock */
  --grid-gutter: 24px;       /* between utility cards (20–24px) */

  /* ---- Nav heights ---------------------------------------- */
  --global-nav-h: 44px;
  --sub-nav-h: 52px;
  --sticky-bar-h: 64px;
  --touch-min: 44px; /* minimum hit target */
}