UI overhaul "Living Codex" A: tokens + fonts

- Replace the design tokens in globals.css with the Living Codex system (parchment
  light · candlelit dark, gilt accent), keeping every existing --app-*/utility name
  so nothing breaks. Adds surface-2/panel-2/line-strong/ink-soft/faint/accent-deep/
  accent-soft/accent-glow/verdigris + --app-accent-hue (one-number reskin) and
  paper-grain/gilt-rule/smallcaps helpers.
- Self-host the type system via @fontsource (offline-safe, no CDN/CSP change):
  Spectral (serif headings), Hanken Grotesk (UI), Spline Sans Mono (stats).
- Kept: dice/crit animations, print rule, reduced-motion, scrollbars.

223 unit + 34 e2e green; no console errors.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-06-08 20:53:24 +02:00
parent ea4522f877
commit 9244c91c23
4 changed files with 121 additions and 30 deletions
+3
View File
@@ -17,6 +17,9 @@
"data:build": "tsx scripts/build-srd.ts"
},
"dependencies": {
"@fontsource-variable/hanken-grotesk": "^5.2.8",
"@fontsource-variable/spline-sans-mono": "^5.2.8",
"@fontsource/spectral": "^5.2.8",
"@tanstack/react-router": "^1.95.0",
"@tanstack/react-virtual": "^3.14.2",
"clsx": "^2.1.1",