:root {
  --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-y: var(--space-9); /* @kind spacing */
  --section-y-tight: var(--space-8); /* @kind spacing */
  --gutter: var(--space-6); /* @kind spacing */
  --container: 1200px; /* @kind spacing */
  --container-narrow: 760px; /* @kind spacing */

  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;
  --radius-pill: 999px;
  --radius-card: var(--radius-md);
  --radius-image: var(--radius-sm);

  --border-w: 1px; /* @kind spacing */
  --border-w-thick: 2px; /* @kind spacing */
  --rule-w: 44px; /* the short gold rule under section headings */
}