# UI Change Review Checklist

When changing styles or components in `apps/web/src`:

- [ ] New layout/spacing uses `--space-*` tokens, not hardcoded px/rem.
- [ ] New type sizes use `--font-size-*` tokens.
- [ ] New radii use `--radius-*` tokens.
- [ ] New shadows use `--shadow-*` tokens.
- [ ] No new inline `style={{...}}` blocks for static layout (computed values are OK).
- [ ] Interactive controls meet `min-height: var(--touch-target)`.
- [ ] `:focus-visible` states are visible and use `--brand`.
- [ ] Mobile layouts are tested down to 375px wide.
- [ ] New class names are defined in a stylesheet before being referenced.
- [ ] Breakpoints use the literal values from `tokens.css` (`480px`, `768px`, `1024px`, `1280px`).
