Josh Rogers
bf01063c3a
Define .field, .field-lg, .select, .select-lg, .btn-primary, .btn-secondary, and .btn-danger-link in app.css as @layer components. The .select tokens use appearance-none + an inline SVG chevron so all dropdowns look identical to text inputs (no OS-level gray gradient). Apply tokens across every in-app form: QuantityInput, shopping list add form and item rows, recipe new/edit pages, recipe detail, stores, and lists create form. Drop the STYLE_GUIDE.md doc in favour of the tokens themselves as the source of truth, and update CLAUDE.md to document the token names and usage rules. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>