Accessibility

Rules

1. 1Body text meets 4.5:1 contrast and large text 3:1, in both themes. Controls and focus rings meet 3:1 against their background.
2. 2Every interactive element shows a visible focus ring: a 2px ring with a 2px gap on buttons, a soft ring on inputs.
3. 3Every enabled button and button-like control shows the pointer cursor.
4. 4Every input has a visible label. Use aria-invalid for errors and describe the error in text, not color alone.
5. 5Loading buttons set aria-busy and block repeat clicks while keeping their width.
6. 6Status is never color alone: badges carry a word, alerts carry a title.

Measured contrast