@import url('https://fonts.googleapis.com/css2?family=Lora:wght@400;500&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');

:root {
  --color-bg: #F6F7F2;
  --color-surface: #FFFFFF;
  --color-tint: #CFE2D6;
  --color-primary: #2F5D46;
  --color-on-primary: #FFFFFF;
  --color-text: #1E2B24;
  --color-muted: #5A6A60;
  --color-border: #D8DFD6;

  --font-heading: 'Playfair Display', Georgia, serif;
  --font-body: 'Lora', Georgia, serif;

  --text-body: 1.125rem;
  --text-small: 0.875rem;
  --text-button: 1rem;
  --text-quote: 1.5rem;
  --text-lead: 1.5rem;
  --text-h1: 2.5rem;
  --text-h2: 1.875rem;
  --text-h3: 1.5rem;
  --line-body: 1.7;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2rem;
  --space-5: 3rem;
  --space-section: 4rem;

  --content-width: 1180px;
  --reading-width: 620px;

  --radius-photo: 6px;
  --radius-pill: 999px;
  --radius-arch: 999px 999px 0 0;
}