docs(style): add shared components section to Style Guide
Documents Badge, SearchPicker, Modal, Skeleton, EmptyState, and
FormError — the six shared components introduced in PRs #852, #854,
#857, #861, and #863. Each entry covers the props interface, usage
examples, built-in variant classes, and accessibility behavior.
Co-Authored-By: Claude ux-designer (Sonnet 4.6) <noreply@anthropic.com>
docs: add GET /api/budget/breakdown endpoint
docs: update brand identity section with light/dark logo variants
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
docs: format wiki markdown files with Prettier
Co-Authored-By: Claude orchestrator (Opus 4.6) <noreply@anthropic.com>
docs: add Style Guide wiki page (Story 12.5)
Comprehensive design system reference covering:
- Design token architecture (3-layer system explanation)
- Full Layer 1 color palette with hex values (gray, blue, red, green)
- All Layer 2 semantic tokens with light/dark values and usage
- Shadow scale (light + dark variants)
- Typography: font family, sizes (2xs-4xl), weights
- Spacing tokens (4px grid, 0-64px)
- Border radius tokens (sm, md, lg, circle, full)
- Transition tokens (fast, normal, medium, slow + composites)
- Z-index scale (dropdown, overlay, sidebar, modal)
- Component patterns: token usage, badges, form inputs, buttons, NavLink
- Dark mode implementation guide: ThemeContext, ThemeToggle, localStorage, system pref detection
- How to add new dark mode tokens (3-step process)
- Brand identity: Logo component, favicon, color identity
Updated Home.md index to link to Style Guide.
Co-Authored-By: Claude ux-designer (Opus 4.6) <noreply@anthropic.com>