# Buttons

Specification for the **buttons** primitive.

## Anatomy
TODO — drop `anatomy.svg` next to this file.

## Variants
- default
- (list per-component variants)

## States
default · hover · focus-visible · active/pressed · disabled · loading

## Tokens used
See `design.md` → `components.buttons.*`.

## Accessibility
- All interactive instances are keyboard-reachable.
- Focus state has ≥ 3:1 contrast against its background.
- Pair color with an icon or text to convey meaning.

## Do / Don't
- ✅ Use the canonical token references.
- ❌ Don't hardcode colors, sizes, or radii.