/* 4px base. Named by multiple, not by t-shirt size. */
:root {
  --nx-space-1: 4px;
  --nx-space-2: 8px;
  --nx-space-3: 12px;
  --nx-space-4: 16px;
  --nx-space-6: 24px;
  --nx-space-8: 32px;
  --nx-space-12: 48px;
  --nx-space-16: 64px;
  --nx-space-24: 96px;
  --nx-space-32: 128px;

  /* Semantic gaps */
  --nx-gap-inline: var(--nx-space-2);
  --nx-gap-stack: var(--nx-space-4);
  --nx-gap-block: var(--nx-space-8);
  --nx-gap-section: var(--nx-space-16);
  --nx-pad-cell: var(--nx-space-3);
  --nx-pad-block: var(--nx-space-8);
  --nx-pad-hero: var(--nx-space-16);
}