Outlined primary
Cards use component-owned BEM modifiers for preset treatment.
Appearance & Tone
Descriptor-backed visual preset axes for buttons, badges, alerts, surfaces, and fields.
Buttons
Cards
Danger review
Danger remains the shared destructive tone; error stays component-local.
Badges
Primary
Success
Warning
Danger
Legacy error
Info outline
Alerts
Danger tone
This uses the shared destructive tone without introducing a shared error tone.
Legacy error variant
Existing error variants keep rendering during migration.
Surfaces
Outlined primary surface
Token-backed tone on a container.
Tonal danger surface
Useful for review or destructive-action panels.
Fields
Appearance and tone style the wrapper and input.
Danger can emphasize intent without being a validation error.
Required