:root {
  --color-paper: #f3efe6;
  --color-paper-bright: #faf7f0;
  --color-paper-deep: #e7e1d5;
  --color-ink: #11130f;
  --color-ink-soft: #24261f;
  --color-dust: #605f56;
  --color-rule: #c4bdae;
  --color-focus: #245d55;
  --font-serif: "Iowan Old Style", "Baskerville", "Times New Roman", serif;
  --font-label: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  --step--1: clamp(0.78rem, 0.74rem + 0.1vw, 0.84rem);
  --step-0: clamp(1.08rem, 1.01rem + 0.25vw, 1.24rem);
  --step-1: clamp(1.34rem, 1.2rem + 0.55vw, 1.7rem);
  --step-2: clamp(1.72rem, 1.42rem + 1.15vw, 2.45rem);
  --step-3: clamp(2.35rem, 1.74rem + 2.4vw, 4.3rem);
  --step-4: clamp(3rem, 2.3rem + 3.25vw, 6rem);
  --leading-tight: 0.98;
  --leading-heading: 1.08;
  --leading-body: 1.62;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4.5rem;
  --space-8: 6rem;
  --space-9: 9rem;
  --gutter: clamp(1rem, 3.5vw, 4.5rem);
  --grid-gap: clamp(1rem, 2vw, 2rem);
  --page-max: 112rem;
  --reading-measure: 64ch;
  --image-ratio-lead: 16 / 9;
  --image-ratio-wide: 41 / 17.5;
  --header-height: 5.75rem;
  --transition: 200ms;
  --z-header: 20;
  --z-dialog: 40;
}