Buttons

Primary

Main call-to-action. Indigo gradient. Use for primary actions.

<button class="btn-primary">Primary</button>

Secondary

Outline style. Subtle. Use for secondary or cancel.

<button class="btn-secondary">Secondary</button>

Ghost

Text-only. No border. Use for low-priority or inline actions.

<button class="btn-ghost">Ghost</button>

Danger

Red highlight. Use for destructive actions (delete, reset).

<button class="btn-danger">Danger</button>