feat(brand): adopt official Kode brand guidelines

- Brand palette: purple #6B35A7 (primary), #000000 (ink), #FFFFFF, #F5F4F0 (canvas)
- Typography: Manrope (UI, 200-800) + Opificio Bold (wordmark/display); drop Inter
- design.md: add wordmarkSecondary token, new display scale (Opificio 72/80)
- foundations: refresh swatches and typography README to match guidelines
- assets/fonts: replace Inter folder with Manrope; add Opificio cuts (Bold/Rounded/Regular)
- fonts.css: register Manrope variable + Opificio cuts; keep Roboto Mono for code only
- examples/web: render the kode wordmark lockup on the off-white canvas
- brand-guidelines: real specs (lockup, palette, typography, logo variant rules)
- README: add brand-at-a-glance, bump version to beta

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

foundations/colors/swatches.md

@@ -1,13 +1,27 @@
 # Color Swatches
 
-| Token | Hex | Preview |
-|-------|-----|---------|
-| `brand.primary`         | `#0B5FFF` | 🟦 |
-| `brand.secondary`       | `#FF6B00` | 🟧 |
-| `brand.accent`          | `#00C2A8` | 🟩 |
-| `neutral.0`             | `#FFFFFF` | ⬜ |
-| `neutral.900`           | `#111827` | ⬛ |
-| `semantic.success`      | `#16A34A` | ✅ |
-| `semantic.warning`      | `#F59E0B` | ⚠️  |
-| `semantic.danger`       | `#DC2626` | 🛑 |
-| `semantic.info`         | `#0EA5E9` | ℹ️  |
+## Brand palette
+
+| Token | Hex | Use |
+|-------|-----|-----|
+| `brand.primary`   | `#6B35A7` | Kode purple — primary brand color, links, primary actions. |
+| `brand.ink`       | `#000000` | Wordmark, high-emphasis text. |
+| `neutral.0`       | `#FFFFFF` | Pure white — cards, modals, top-bar. |
+| `brand.canvas`    | `#F5F4F0` | Brand off-white — default page background. |
+
+## Primary state ramp
+
+| Token | Hex |
+|-------|-----|
+| `brand.primary`         | `#6B35A7` |
+| `brand.primaryHover`    | `#582A8D` |
+| `brand.primaryPressed`  | `#45216E` |
+
+## Semantic
+
+| Token | Hex |
+|-------|-----|
+| `semantic.success` | `#16A34A` |
+| `semantic.warning` | `#F59E0B` |
+| `semantic.danger`  | `#DC2626` |
+| `semantic.info`    | `#0EA5E9` |