Website Branding

Define brand styling in globals.css for consistent website appearance.

Workflow

1. Gather Input - Colors (hex/oklch), font family, style preference, border radius
2. Generate Color Palette - Create full oklch color system
3. Update :root Variables - Replace all CSS variables
4. Update .dark Variables - Create dark mode variants
5. Add Typography - h1-h6, p, a, blockquote styles, including mb-spacing for headings
6. Verify Container - Ensure .container class exists

CSS Variables to Replace

See references/color-system.md for the complete variable list.

Must replace ALL variables in :root and .dark: