:root {
  --color-forest: #2d3a2f;
  --color-clay: #b36b39;
  --color-sage: #8da18d;
  --color-parchment: #f9f7f2;
  --color-earth: #4a3b31;

  --font-serif: "Fraunces", ui-serif, Georgia, serif;
  --font-sans: "Outfit", ui-sans-serif, system-ui, sans-serif;

  --radius: 0.625rem;
  --container-max: 80rem;

  --button-radius: 9999px;

  --background: #f9f7f2;
  --foreground: #4a3b31;
  --primary: #2d3a2f;
  --primary-foreground: #f9f7f2;
  --accent: #b36b39;
  --accent-foreground: #f9f7f2;
  --ring: #8da18d;
}

html { font-size: 16px; }