:root {
  --color-paper: #f4efe5;
  --color-paper-soft: #ece3d4;
  --color-ink: #251f19;
  --color-muted: #6a5e51;
  --color-rule: #c8b9a6;
  --color-accent: #8a432c;
  --color-accent-dark: #5c2d20;
  --color-focus: #1457a6;
  --color-paper-on-image: rgba(255, 250, 241, 0.9);
  --color-image-overlay: rgba(25, 18, 13, 0.78);
  --color-shadow: rgba(35, 27, 20, 0.18);
  --font-display: "Hiragino Mincho ProN", "Yu Mincho", "YuMincho", serif;
  --font-body: -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Yu Gothic", "YuGothic", sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: clamp(1.08rem, 2vw, 1.25rem);
  --text-lg: clamp(1.28rem, 2.5vw, 1.6rem);
  --text-xl: clamp(1.7rem, 4vw, 2.2rem);
  --text-3xl: clamp(2.35rem, 7vw, 5.25rem);
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: clamp(4rem, 10vw, 8rem);
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --measure: 65ch;
  --rule-hair: 1px;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-short: 180ms;
}