:root {
  /* Colors */
  --paper: #F2EBE1;
  --surface: #E0D2BD;
  --rule: #C7B6A0;
  --ink: #2E2620;
  --accent: #A85C36;

  /* Fonts */
  --font-serif: 'Newsreader', Georgia, serif;
  --font-label: 'Hanken Grotesk', system-ui, sans-serif;

  /* Type scale */
  --fs-display: clamp(3rem, 6vw + 1rem, 6.25rem);
  --fs-h1:      clamp(2.25rem, 3.6vw + 1rem, 4rem);
  --fs-h2:      clamp(1.75rem, 2vw + 1rem, 2.75rem);
  --fs-h3:      clamp(1.25rem, 1vw + 1rem, 1.625rem);
  --fs-body:    1.0625rem;
  --fs-small:   0.9375rem;
  --fs-label:   0.75rem;

  /* Spacing scale */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 5.5rem;
  --space-7: 7rem;
  --space-8: 8rem;

  /* Layout */
  --container-reading: 68ch;
  --container-wide: 1280px;

  /* Radius */
  --radius: 2px;
}