Redesign book interior: Illuminated Nocturne aesthetic

Replaces Georgia + per-story color theming with a unified premium
fairytale look: Cormorant Garamond (display/titles) + Lora (body),
warm cream text pages (#faf8f2 with paper noise texture), deep ink
typography (#1e1b18) throughout — no per-story text color variation.

- fonts/: committed WOFF2 files via @fontsource packages; auto-copied
  by scripts/setup-fonts.js (runs as postinstall)
- Typography: story number in small caps, hairline rule, ❧ ornament
- Layout: cream background replaces per-story bg, radial glow on title
- build.js: passes frontMatter (author, year) to templates
- Templates: author byline on title page, cleaner imprint page

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

styles/layout.css

@@ -10,14 +10,13 @@
   display: block;
 }
 
-/* Placeholder when image not yet available */
+/* Placeholder shown when image not yet available */
 .placeholder-image {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
-  opacity: 0.8;
 }
 
 .placeholder-label {
@@ -25,28 +24,33 @@
   flex-direction: column;
   align-items: center;
   gap: 0.5rem;
-  color: rgba(255,255,255,0.9);
+  color: rgba(255, 255, 255, 0.75);
   text-align: center;
-  padding: 2rem;
-  border: 2px dashed rgba(255,255,255,0.4);
-  border-radius: 12px;
+  padding: 1.5rem 2.5rem;
+  border: 1px dashed rgba(255, 255, 255, 0.25);
+  border-radius: 4px;
 }
 
 .placeholder-story {
-  font-size: 0.9rem;
+  font-size: 0.75rem;
   text-transform: uppercase;
-  letter-spacing: 0.1em;
-  opacity: 0.7;
+  letter-spacing: 0.15em;
+  opacity: 0.6;
 }
 
 .placeholder-scene {
-  font-size: 1.4rem;
-  font-weight: 600;
+  font-size: 1.15rem;
+  font-weight: 500;
+  line-height: 1.4;
 }
 
 /* ── Text pages ── */
 .page--text {
-  background: var(--color-bg, #fafafa);
+  background: var(--cream, #faf8f2);
+  /* Subtle paper texture via SVG noise */
+  background-image:
+    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");
+  background-repeat: repeat;
   display: flex;
   align-items: center;
 }
@@ -55,41 +59,40 @@
   width: 100%;
   display: flex;
   flex-direction: column;
-  gap: 1.2rem;
+  gap: 0;
 }
 
 .scene-ornament {
-  font-size: 1.5rem;
-  color: var(--color-secondary, #ccc);
-  text-align: center;
   margin-top: auto;
 }
 
-/* ── Front matter pages ── */
+/* ── Title page ── */
 .page--title {
-  background: #1a1a3e;
+  background: var(--midnight, #0d0d2b);
+  /* Radial glow toward center */
+  background-image: radial-gradient(ellipse at 50% 45%, #1a1a4a 0%, #0d0d2b 65%);
   display: flex;
   align-items: center;
   justify-content: center;
   text-align: center;
 }
 
+.title-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+}
+
+/* ── Imprint page ── */
 .page--imprint {
-  background: #fafafa;
+  background: var(--cream, #faf8f2);
   display: flex;
   align-items: flex-end;
 }
 
-.imprint-content {
-  width: 100%;
-  font-size: 0.75rem;
-  color: #666;
-  line-height: 1.8;
-}
-
 /* ── Table of contents ── */
 .page--toc {
-  background: #fafafa;
+  background: var(--cream, #faf8f2);
   display: flex;
   flex-direction: column;
   gap: 2rem;
@@ -100,28 +103,25 @@
   counter-reset: toc;
   display: flex;
   flex-direction: column;
-  gap: 0.8rem;
+  gap: 0.7rem;
 }
 
 .toc-list li {
   counter-increment: toc;
   display: flex;
   align-items: baseline;
-  gap: 0.75rem;
-  font-size: 1rem;
-  color: #2a2a4a;
+  gap: 0.8rem;
 }
 
 .toc-list li::before {
   content: counter(toc, decimal-leading-zero);
-  font-size: 0.8rem;
-  color: #aaa;
-  min-width: 2rem;
+  min-width: 2.2rem;
+  flex-shrink: 0;
 }
 
 /* ── Finale page ── */
 .page--finale {
-  background: #1a1a2e;
+  background: var(--midnight, #0d0d2b);
   position: relative;
 }
 
@@ -139,7 +139,6 @@
   align-items: center;
   justify-content: flex-end;
   padding-bottom: 1in;
-  color: white;
   text-align: center;
-  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 60%);
+  background: linear-gradient(to top, rgba(13, 13, 43, 0.75) 0%, transparent 55%);
 }