**Badge** — small status/label pill. Soft (tinted) by default; `solid` for stronger emphasis. Tones map to the status system; `accent` is also the live/on-air tone.

```jsx
<Badge tone="accent" dot>Live</Badge>
<Badge tone="ok">Healthy</Badge>
<Badge tone="warn">Not normalizing</Badge>
<Badge tone="neutral">HLS Segmenter</Badge>
<Badge tone="error" solid>Error</Badge>
```

Props: `tone` (neutral·accent·ok·warn·error), `solid`, `dot`.
