:root {
  --yellow: #f4c900;
  --yellow-bright: #ffd500;
  --black: #0b0b0a;
  --ink: #141412;
  --ink-soft: #42423d;
  --muted: #6e6e66;
  --paper: #ffffff;
  --paper-soft: #f5f4ef;
  --rule: #d9d8d1;
  --rule-dark: #33332f;
  --focus: #9b4d00;

  --font-display: "Newsreader", Georgia, serif;
  --font-body: "IBM Plex Sans", Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.4rem;
  --text-2xl: 2rem;
  --text-3xl: 3.25rem;
  --text-4xl: 5.75rem;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;
  --space-10: 9rem;

  --content: 76rem;
  --reading: 42rem;
  --radius: 0.25rem;
  --header-height: 4.75rem;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}