fix(fonts): wire fonts.css to actual Manrope + Opificio binaries

- Add @font-face for every Manrope weight 200-800 (incl. new Light/300)
- Map Opificio cuts to lowercase filenames as installed:
  * opificio_light/regular/bold.woff2 -> family "Opificio" (300/400/700)
  * opificio_light_rounded/rounded/bold_rounded.woff2 -> family "Opificio Rounded"
- Restore Opificio README with the actual file -> CSS-weight mapping
- Update Manrope README to list the installed weights

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

assets/fonts/Opificio/README.md

@@ -1,12 +1,31 @@
 # Opificio
 
 Display typeface for Kode Design Consultants — used **only** for the `kode`
-wordmark and headline display moments. Bold is the canonical cut.
+wordmark and headline display moments. Bold is the canonical wordmark cut.
 
-Drop the licensed binaries here:
+## Files
 
-- Opificio-Bold.woff2     — canonical wordmark cut
-- Opificio-Rounded.woff2  — editorial / friendly variant
-- Opificio-Regular.woff2  — used sparingly
+Squared cuts → CSS family **`Opificio`**
+
+| File | CSS weight |
+|------|------------|
+| `opificio_light.woff2`   | 300 |
+| `opificio_regular.woff2` | 400 |
+| `opificio_bold.woff2`    | 700 |
+
+Rounded cuts → CSS family **`Opificio Rounded`**
+
+| File | CSS weight |
+|------|------------|
+| `opificio_light_rounded.woff2` | 300 |
+| `opificio_rounded.woff2`       | 400 |
+| `opificio_bold_rounded.woff2`  | 700 |
+
+## Usage
+
+```css
+.wordmark        { font-family: "Opificio";         font-weight: 700; }
+.wordmark-soft   { font-family: "Opificio Rounded"; font-weight: 700; }
+```
 
 Confirm Opificio's licensing terms with the foundry before redistributing.