/* 8px foundation with denser sub-units. */
:root{
  --space-xxs:4px;
  --space-xs:8px;
  --space-sm:12px;
  --space-md:16px;
  --space-lg:18px;
  --space-xl:24px;
  --space-xxl:32px;
  --space-huge:48px;

  --pad-nav:var(--space-xl) var(--space-xxl);
  --pad-button:var(--space-lg) var(--space-xl);
  --pad-input:var(--space-sm) var(--space-md);
  --pad-card-product:var(--space-md);
  --pad-footer:var(--space-xxl) var(--space-xl);
  --pad-section-light:var(--space-huge) var(--space-xl);
}