Tokens, controls and every interaction state used across the platform and tenant portals. Hover, tab and press the live row to feel them.
White and lavender surfaces with violet-biased neutrals. Semantic colours are kept apart from the brand violet.
Hover lifts contrast, focus draws a 3px violet ring, active presses 1px down, disabled desaturates, loading swaps the label for a spinner, success confirms for half a second.
| Variant | rest | hover | focus | active | disabled | loading | success |
|---|---|---|---|---|---|---|---|
| Primary | |||||||
| Secondary | |||||||
| Soft | |||||||
| Ghost | |||||||
| Danger |