Components share one construction: 1.5 px black top rule, 1 px line borders, 0 radius (2 px on inputs and chips), Montserrat/Alexandria labels. Red appears only as the marker, the active indicator, the error border and the campaign button.
| State | Treatment | Token |
|---|---|---|
| Default | Black text, 1 px line border | text-primary · border |
| Hover | Background shifts one step (black → charcoal, white → mist) | charcoal · mist |
| Focus | 2 px black outline, 3 px offset — visible on every interactive element | focus |
| Active / selected | Black fill, or 4 px red inset (tabs, options) | brand-black · signal |
| Disabled | Mist fill, gray text, line border | mist · gray · line |
| Error | 2 px red border + black message with red “!” | signal · text-primary |
| Success | Green status square + text “Confirmed” | success |
| Loading | A 1.5 px black line drawing across the top edge (motion-base) | brand-black |