/* NovusElement — Spacing tokens
   Base unit 8px. Sub-base (2/4/5/6/7) for tight type adjustments;
   structural layout snaps to 8/12/16/20/24. */

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

  /* Containers */
  --container-text: 980px;   /* text-heavy sections (environment) */
  --container-grid: 1440px;  /* product grids (store, accessories) */
  --grid-gutter: 24px;       /* 20-24px between utility cards */
}