/* skin: paper — 'clean' sans typography on 'book'/'editorial' warm paper.
   Ink-colored sans headings; teal for links/active, caramel for brand. */
:root {
  --bg:#faf8f3; --panel:#f1ece1; --button:#e7dfce;
  --ink:#2b2620; --ink-soft:#6b6355;
  --accent:#2f6f6a;   /* muted teal — links/active */
  --accent-2:#8a5a2b; /* caramel — brand accent */
  --border:#ddd3c0;
  --landing-top: var(--ink);
  --landing-high: #5c4e44;
  --landing-mid: #C8C0B6;
  --font-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "DejaVu Sans Mono", ui-monospace, monospace;
  --font-body: var(--font-sans);
  --font-head: var(--font-sans);
  --h1-color: var(--ink);
  --h2-color: var(--ink);
  --h3-color: var(--ink);
}
.content h1 { letter-spacing: -0.02em; }
.content h2, .content h3 { letter-spacing: -0.01em; }
@media (prefers-color-scheme: dark) {
  :root {
    --bg:#1c1a16; --panel:#26221b; --button:#332c22;
    --ink:#e8e2d4; --ink-soft:#b0a892;
    --accent:#6cc3bb; --accent-2:#d8a566; --border:#3d362a;
  }
}
