:root{
  --space-0:0;
  --space-xxs:2px;
  --space-xs:4px;
  --space-sm:8px;
  --space-md:12px;
  --space-base:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-2xl:48px;
  --space-3xl:64px;
  --space-4xl:80px;
  --space-5xl:96px;

  /* editorial rhythm */
  --space-section:80px;         /* desktop vertical section padding */
  --space-section-compact:64px; /* dense discovery sections */
  --space-section-mobile:48px;
  --space-card-pad:16px;
  --space-grid-gap:24px;
}