# Spacing

IO uses an 8px base grid.

## Scale

| Token | Value |
|---|---|
| `--space-1` | 4px |
| `--space-2` | 8px (base) |
| `--space-3` | 12px |
| `--space-4` | 16px |
| `--space-6` | 24px |
| `--space-8` | 32px |
| `--space-12` | 48px |
| `--space-16` | 64px |
| `--space-20` | 80px (section padding) |
| `--space-30` | 120px (section padding lg) |

## Section Padding

```css
.section-padding    { padding: 80px 0; }
.section-padding-lg { padding: 120px 0; }
```