style: pewter & gold palette tokens

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

fabledscryer/templates/base.html

@@ -11,27 +11,29 @@
     <link href="https://fonts.googleapis.com/css2?family=Libertinus+Serif:ital,wght@0,400;0,600;0,700;1,400&display=swap" rel="stylesheet">
     <style>
 :root {
-  --bg: #07071a;
-  --bg-card: #0f0f24;
-  --bg-elevated: #17172e;
-  --border: #1e1e3e;
-  --border-mid: #28284c;
-  --text: #d2cef0;
-  --text-muted: #6858a0;
-  --text-dim: #282860;
-  --accent: #7c5ef4;
-  --accent-hover: #9070f8;
-  --gold: #c9a84c;
-  --gold-dim: #221b00;
-  --green: #26d96b;
-  --green-dim: #0e3a1e;
-  --yellow: #e6b818;
-  --yellow-dim: #3a3000;
-  --orange: #e07828;
-  --orange-dim: #3a1e00;
-  --red: #e83848;
-  --red-dim: #3a0e14;
-  --font-serif: 'Libertinus Serif', Georgia, serif;
+  --bg: #131315;
+  --bg-card: #1d1d20;
+  --bg-elevated: #24242a;
+  --border: #30303a;
+  --border-mid: #3a3a44;
+  --text: #d4d0c0;
+  --text-muted: #b8b8b0;
+  --text-dim: #8a8a92;
+  --gold: #c8a840;
+  --gold-hover: #d8b850;
+  --gold-dim: #2a2410;
+  --pewter: #8a8a92;
+  --accent: var(--gold);
+  --accent-hover: var(--gold-hover);
+  --green: #4aa86a;
+  --green-dim: #162a1c;
+  --yellow: #d4a840;
+  --yellow-dim: #2a2410;
+  --orange: #c87840;
+  --orange-dim: #2a1a10;
+  --red: #c84048;
+  --red-dim: #2a1014;
+  --font-serif: 'EB Garamond', Georgia, serif;
 }
 * { box-sizing: border-box; margin: 0; padding: 0; }
 body { font-family: system-ui, -apple-system, sans-serif; background: var(--bg); color: var(--text); line-height: 1.5; }