Buttons

Buttons signal actions. Primary uses BiglerNet red; all others use the neutral palette.

Usage

<button class="ds-btn ds-btn-primary">Primary</button>
<button class="ds-btn ds-btn-secondary">Secondary</button>
<button class="ds-btn ds-btn-ghost">Ghost</button>
<button class="ds-btn ds-btn-danger">Danger</button>

Rules

1. All sizes share the same weight (600), font-family, and letter-spacing.
2. Focus state: 2px solid --accent-primary outline, 2px offset.
3. Hover uses color shift, not interaction hints.