:root {
  --ink: #2b241d;
  --ink-2: #5a4f42;
  --ink-3: #8c7e6c;
  --rule: #d7cfc1;
  --paper: #ffffff;
  --surface: #ffffff;
  --paper-deep: #f3f0e9;
  --paper-dark: #3d342a;   /* dunkle Variante von --paper-deep: hervorgehobene Balken (Startseite „Über dieses Buch“) */
  --showroom: #173f3d;
  --wood: #3a2a1d;         /* dunkles Holz: Hero-Verlauf und mobile Hero-Fläche */
  --signal: #cde85a;
  --radius-card: 1rem;
  --radius-stage: 1.5rem;
  --radius-pill: 999px;
  --layout-wide: 80rem;
  --space-section: clamp(4rem, 7vw, 7.5rem);
  --gutter: 32px;
  --font-sans: 'Instrument Sans Variable', system-ui, sans-serif;
  --font-mono: 'Geist Mono Variable', ui-monospace, monospace;
  --chapter-01: #45403b; --chapter-02: #426754; --chapter-03: #456387;
  --chapter-04: #7e693e; --chapter-05: #894358; --chapter-06: #6e4e7e;
  --chapter-07: #464f7c; --chapter-08: #333333; --chapter-09: #606c42;
  --chapter-10: #446d7e; --chapter-11: #3c6760;
}
@media (min-width: 1600px) { :root { --gutter: 48px; } }
@media (max-width: 1023px) { :root { --gutter: 24px; } }
@media (max-width: 679px)  { :root { --gutter: 16px; } }