/* Spacing — Smart Vyapaar Design System
   Base unit 8px. Structural layout snaps to 8/12/16/20/24; sub-base values
   (2,4,5,6,7) only for tight typographic adjustment. Tiles get 80px sections. */

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

  /* Layout */
  --container-text: 980px;  /* text-heavy sections            */
  --container-max:  1440px; /* content lock                   */
  --grid-gutter:    24px;
  --nav-height:     44px;
  --subnav-height:  52px;
}