Gradient Mesh Canvas

### Base (UI shell)
| Token | Value | Role |
|-------|-------|------|
| `--bg` | `oklch(0.98 0.005 260)` | Page background (near-white, cool tint) |
| `--surface` | `rgba(255, 255, 255, 0.7)` | Frosted glass panels |
| `--surface-blur` | `blur(20px)` | Backdrop filter value for surfaces |
| `--border` | `oklch(0.9 0.01 260 / 0.5)` | All borders and dividers |
| `--ink` | `oklch(0.1 0.01 260)` | Primary text, interactive fill (active state) |
| `--ink-dim` | `oklch(0.4 0.01 260)` | Secondary text, code values, metadata |

### Mesh Palette (blob / gradient nodes)
| Token | Value | Hue |
|-------|-------|-----|
| `--c-pink` | `oklch(0.7 0.25 350)` | Red-pink (high chroma) |
| `--c-coral` | `oklch(0.75 0.2 30)` | Warm coral/orange |
| `--c-golden` | `oklch(0.85 0.15 85)` | Soft gold/yellow |
| `--c-teal` | `oklch(0.75 0.12 185)` | Muted teal (low chroma) |
| `--c-violet` | `oklch(0.65 0.2 290)` | Mid-violet |
| `--c-blue` | `oklch(0.6 0.18 250)` | Cool blue |

### Gallery gradient samples (real CSS values from exhibit)
```css
/* g1 – Sage Garden */
background: linear-gradient(120deg, oklch(0.8 0.15 160), oklch(0.9 0.1 110), oklch(0.95 0.05 60));

/* g2 – Deep Ocean */
background: radial-gradient(circle at 30% 30%, oklch(0.6 0.2 300), oklch(0.5 0.18 260) 50%, oklch(0.3 0.1 240));

/* g3 – Sunset Strip */
background: conic-gradient(from 45deg at 50% 50%, oklch(0.7 0.2 350), oklch(0.75 0.18 30), oklch(0.85 0.15 85), oklch(0.7 0.2 350));
```

---