Foundations

Accessibility

Accessibility is a first-class theme, not an afterthought. Switch to A in the header to see the high-contrast, pure-black theme where meaning never depends on color.

The Accessibility theme

A pure-black #000000 canvas with white text and borders — maximum contrast.
Brand and all semantic colors collapse to white/black; meaning is carried by label, icon and border, never hue.
No shadows — elevation is expressed with borders only.
Interactive targets grow to 44×44px (from the 32px floor in Light/Dark).
It is an explicit choice, persisted by the user — never auto-applied from system preferences.

Always-on rules

11Focus is a 2px ring at 2px offset — lime in Light/Dark, white in Accessibility.
13Accessible by construction: minimum 32×32px targets (44×44px in Accessibility), visible focus, and non-color status cues.
Motion respects prefers-reduced-motion across the system.

Try it. Toggle the theme to A and watch the semantic pills on the home page become white-outlined — same meaning, no reliance on color.