:root {
  --bone: #f4ede0;
  --bone-deep: #ede4d1;
  --ochre: #c89968;
  --ochre-dim: #a77f4f;
  --live-oak: #7a6a43;
  --clay: #8a4a2a;
  --night: #2d2416;
  --night-deep: #1a1509;

  --serif: 'Libre Caslon Text', serif;
  --sans: 'Outfit', system-ui, sans-serif;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-6: 96px;
  --space-7: 120px;

  --type-body: 17px;
  --type-small: 13px;
  --type-label: 11px;
  --type-h3: 30px;
  --type-h2: 48px;
  --type-h1: 96px;
}