/* Meristem — Spacing & layout
 * 4px base rhythm. Container widths tuned for a marketing site + docs. */

:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;

  /* section rhythm */
  --section-y: var(--space-9);       /* vertical padding of page sections */
  --gutter: var(--space-5);          /* page side gutter */

  /* containers */
  --container-narrow: 720px;         /* prose */
  --container: 1080px;               /* default content */
  --container-wide: 1280px;          /* full marketing width */
}