web: distinct per-theme fonts + bolder accents; memento_mori bare monospace

1 files changed, 47 insertions, 34 deletions

diff --git a/docs/THEMES.md b/docs/THEMES.md
index b170047..f9ebf07 100644
--- a/docs/THEMES.md
+++ b/docs/THEMES.md
@@ -23,10 +23,14 @@ single exception below.
 A theme may set the custom property `--theme-font` to change the **reading
 typeface** (and only the typeface — base.css still owns every size and
 spacing). base.css reads it as `--font-reading: var(--theme-font, <serif>)`,
-so leaving it unset keeps the default serif. The built-in `memento_mori`
-sets it to a monospace stack; every other built-in leaves it alone. Set this
-one variable if you want a different reading face — never a bare
-`font-family` on an element.
+so leaving it unset keeps the default serif. base.css also declares a named
+font-family palette in `:root` — `--font-serif`, `--font-serif-old`,
+`--font-serif-classic`, `--font-serif-iowan`, `--font-sans`,
+`--font-sans-humanist` (plus the pre-existing `--font-mono`) — all system-font
+stacks, no webfonts. Every built-in theme sets `--theme-font` to one of
+these, so each has its own distinct reading face (see the table below);
+`memento_mori` sets it to `--font-mono`. Set this one variable if you want a
+different reading face — never a bare `font-family` on an element.
 
 **Monospace for any theme.** Independently of the theme, `lectio-web` can force
 the reading face to monospace: set `web_mono = true` in your config, or flip the
@@ -102,39 +106,48 @@ a:hover, a:focus { color: var(--accent); }
 
 Religious orders:
 
-- **transfiguration** (dark) — bg `#262e28`, fg `#e6dec6`, accent `#d3b380`
-  (gold), muted `#99a18c`, link/refrain `#97ad6e` (olive), border `#4a5347`.
-  Verse numbers use the gold accent rather than muted, matching the source
-  transfiguration theme.
-- **desert_fathers** (light) — sand `#ede4d3` / umber `#4a3f2f`, accent
-  ochre `#b8894a`.
-- **benedictines** (dark) — black habit `#17130f` / parchment `#e8dcc0`,
-  accent gold `#c9a227`.
-- **franciscans** (dark, warm) — undyed brown `#31271f` / `#e0d5c3`, accent
-  tau/terracotta `#a8703a`, link/refrain olive.
-- **memento_mori** (dark, greyscale) — ash `#1a1a1a` / bone `#d8d4cc`;
-  `#7a4a42` (dried blood) is reserved for the `.error` role only.
-- **dominicans** (black & white) — white habit `#f6f5f3` / black cappa
-  `#1c1c1c`; greyscale only, no accent colour.
+- **transfiguration** (dark, serif `--font-serif`) — bg `#262e28`, fg
+  `#e6dec6`, accent `#d3b380` (gold), muted `#99a18c`, link/refrain `#97ad6e`
+  (olive), border `#4a5347`. Verse numbers use the gold accent rather than
+  muted, matching the source transfiguration theme.
+- **desert_fathers** (light, Iowan serif `--font-serif-iowan`) — sand
+  `#ede4d3` / umber `#4a3f2f`, accent ochre `#bd7a24`.
+- **benedictines** (dark, old-style serif `--font-serif-old`) — black habit
+  `#17130f` / parchment `#e8dcc0`, accent gold `#c9a227`.
+- **franciscans** (dark, warm, humanist sans `--font-sans-humanist`) —
+  undyed brown `#31271f` / `#e0d5c3`, accent tau/terracotta `#b56626`,
+  link/refrain olive.
+- **memento_mori** (dark, bare monospace `--font-mono`, no role colours) —
+  ash `#121212` / bone-grey `#c9c9c9`; every reading role (muted, accent,
+  link, refrain) resolves to the same plain foreground — headings and
+  verse numbers are distinguished only by base.css's bold/size, not colour.
+  `#7a4a42` (dried blood) is reserved for the `.error` role, the theme's
+  only non-bare colour.
+- **dominicans** (black & white, classic serif `--font-serif-classic`) —
+  white habit `#f6f5f3` / black cappa `#1c1c1c`; greyscale only, no accent
+  colour.
 
 Liturgical seasons and feasts:
 
-- **advent** (dark violet) — `#241b33` / `#e6e0ef`, accent violet
-  `#8a6db0`, refrain rose `#b0708a`.
-- **nativity** (light, white/gold) — `#faf6ec` / `#3a3226`, accent gold
-  `#c9a227`, refrain evergreen `#4a7a5a`.
-- **lent** (dark, ashen violet) — `#2a2530` / `#cfc8d2`, accent muted
-  violet `#7a6a86`, refrain dried rose `#8a6a72`.
-- **easter** (light, radiant white/gold) — `#fdfbf4` / `#33302a`, accent
-  bright gold `#d4af37`.
-- **pentecost** (red/white/gold) — scarlet `#4d1418` / cream `#f5ecdb`,
-  accent gold `#e2b74a`, refrain soft gold `#e0c074`.
-- **ordinary** (light green) — `#eef2e6` / `#33382e`, accent green
-  `#5a7a3f`.
-- **epiphany** (dark, indigo/gold) — indigo night `#131a2e` / starlight
-  `#e6e8f2`, accent star gold `#d9bf6a`, refrain gold `#c9a94e`.
-- **marian** (light, blue/white/gold) — white-blue `#f3f6fb` / navy
-  `#23303f`, accent Marian blue `#2f5fa6`, refrain gold `#b08d3a`.
+- **advent** (dark violet, classic serif `--font-serif-classic`) —
+  `#241b33` / `#e6e0ef`, accent violet `#9a63d6`, refrain rose `#b0708a`.
+- **nativity** (light, white/gold, old-style serif `--font-serif-old`) —
+  `#faf6ec` / `#3a3226`, accent gold `#c9a227`, refrain evergreen `#4a7a5a`.
+- **lent** (dark, ashen violet, serif `--font-serif`) — `#2a2530` /
+  `#cfc8d2`, accent muted violet `#7a6a86`, refrain dried rose `#8a6a72`.
+- **easter** (light, radiant white/gold, Iowan serif `--font-serif-iowan`) —
+  `#fdfbf4` / `#33302a`, accent bright gold `#d4af37`.
+- **pentecost** (red/white/gold, humanist sans `--font-sans-humanist`) —
+  scarlet `#4d1418` / cream `#f5ecdb`, accent gold `#e2b74a`, refrain soft
+  gold `#e0c074`.
+- **ordinary** (light green, sans `--font-sans`) — `#eef2e6` / `#33382e`,
+  accent green `#4f8a2a`.
+- **epiphany** (dark, indigo/gold, serif `--font-serif`) — indigo night
+  `#131a2e` / starlight `#e6e8f2`, accent star gold `#d9bf6a`, refrain gold
+  `#c9a94e`.
+- **marian** (light, blue/white/gold, old-style serif `--font-serif-old`) —
+  white-blue `#f3f6fb` / navy `#23303f`, accent Marian blue `#255fbf`,
+  refrain gold `#b08d3a`.
 
 The exact hex values live in `internal/web/static/themes/*.css` — this list
 is a quick reference, the CSS files are the source of truth.