initial

docs/DESIGN.md

@@ -0,0 +1,26 @@
+# 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.