:root {
  /* ─── Surfaces ────────────────────────────────────────────────── */
  --paper:       #f6f1e7;
  --paper-deep:  #efe8d8;

  /* ─── Ink — 4-level text hierarchy ───────────────────────────── */
  --ink:           #1c1813;
  --ink-secondary: rgba(28, 24, 19, 0.74);
  --ink-tertiary:  rgba(28, 24, 19, 0.55);
  --ink-muted:     rgba(28, 24, 19, 0.32);

  /* ─── Rules — border progression ─────────────────────────────── */
  --rule-hair:   rgba(28, 24, 19, 0.08);
  --rule-soft:   rgba(28, 24, 19, 0.14);
  --rule-strong: rgba(28, 24, 19, 1);

  /* ─── Accent — single, deliberate ────────────────────────────── */
  --foil:      #6b1d1d;
  --foil-soft: rgba(107, 29, 29, 0.10);

  /* ─── Typography ──────────────────────────────────────────────── */
  --font-serif: ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;
  --font-sans:  Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;

  --text-meta:    0.825rem;   /* 13px — small caps, dates, labels */
  --text-body:    1.1688rem;  /* 19px — body text */
  --text-lead:    1.3063rem;  /* 21px — lead paragraph */
  --text-section: 1.7875rem;  /* 29px — section titles */
  --text-display: 2.75rem;    /* 44px — hero name */

  --leading-body:  1.65;
  --leading-tight: 1.2;

  /* ─── Spacing — 8px base ─────────────────────────────────────── */
  --space-1:   0.25rem;
  --space-2:   0.5rem;
  --space-3:   0.75rem;
  --space-4:   1rem;
  --space-6:   1.5rem;
  --space-8:   2rem;
  --space-12:  3rem;
  --space-16:  4rem;
  --space-24:  6rem;

  /* ─── Layout ─────────────────────────────────────────────────── */
  --container-max: 80%;
  --meta-col:      140px;
  --breakpoint-md: 768px;
}