Accessibility

Floors the system must hold.

size.control.default size.control.compact size.control.large opacity.disabled color.border.focus

The five answers

Question	Answer	Why
Which states get their own visible value?	Those and pressed	Pressed for touch.
How many signals carry each meaning?	Two: color and word	Color and word.
What contrast floor do we hold?	AA	AA, checked on every vivid color.
What is the smallest target?	Touch size	Visitors come from social posts on phones.
Where are the floors hardest to hold?	Brand color	Vivid brand color is the hardest to keep readable.

Tokens

Each token points to another token. Values live only on primitives, below.

Token	Points to, light	Points to, dark
size.control.default	size.52	size.52
size.control.compact	size.44	size.44
size.control.large	size.60	size.60
opacity.disabled	opacity.40	opacity.40
color.border.focus	brand-expressive.theme.light.color.border.focus → color.pink.light.600	brand-expressive.theme.dark.color.border.focus → color.pink.dark.600

The raw values these tokens end at are on Primitives › all kinds.

When to use what

Situation	Use	Not	Why
Keyboard focus	button/focus-ring at border-width.focus	Removing the outline	Focus must show on vivid color.
The smallest clickable thing	size.control.default (touch)	A compact control	Most visitors arrive on phones, and a compact control is too small for a thumb.