Badge — compact status or category label in the earthy palette.

```jsx
import { Badge } from "./Badge.jsx";

<Badge tone="brand">New</Badge>
<Badge tone="success" dot>In stock</Badge>
<Badge tone="outline">Oak</Badge>
```

Tones: `neutral` · `brand` (rust) · `bark` · `success` · `warning` · `danger` · `info` · `outline`. Add `dot` for a leading status dot. Keep text to 1–2 words, sentence-case.