:root {
  --color-paper: #f4f1eb;
  --color-paper-soft: #faf8f4;
  --color-ink: #221f1b;
  --color-muted: #6a655e;
  --color-line: #d0c9be;
  --color-dark: #1d1b19;
  --color-accent: #664331;
  --color-focus: #315f6c;
  --font-serif: "Iowan Old Style", "Baskerville", "Times New Roman", Georgia, serif;
  --font-sans: Inter, "Segoe UI", Arial, sans-serif;
  --icon-stroke: 1.8;
  --icon-inline: 1rem;
  --icon-control: 1.25rem;
  --touch-min: 2.75rem;
  --focus-ring: 2px;
  --ease-ui: cubic-bezier(.2, .7, .2, 1);
  --duration-ui: 180ms;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-16: 4rem;
  --container: 92rem;
  --gutter: clamp(1.125rem, 3.5vw, 4rem);
  --header-height: 4.75rem;
  --motion-fast: var(--duration-ui);
  --motion-medium: 240ms;
}