# AdventureOS Design Tokens ## Colors | Token | Hex | Usage | |-------|-----|-------| | XP Blue | `#3A6EA5` | Title bars, primary actions | | Bliss Green | `#74B749` | Progress fills, positive accents | | Parchment | `#F0E6D2` | Content backgrounds | | Warm Grey | `#8B8678` | Borders, secondary text | | Gold Trim | `#C8A951` | Level badges, milestones | | Ink | `#2C2416` | Body text | ## Typography - UI: Tahoma, Segoe UI, system-ui (14–16px) - Mentor/Review: Georgia, serif (15px, line-height 1.6) ## Components - `retro-window` — raised panel with XP-style double border - `retro-titlebar` — Luna blue gradient header - `retro-btn` — beveled button with press state - `skill-bar-track` / `skill-bar-fill` — RuneScape-style stat bars See `apps/web/src/app/globals.css` for CSS variables.