@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-accent: #CFE2D6;
  --color-card: #FFFFFF;
  --color-text: #1F2A24;
  --color-muted: #56665C;
  --color-border: #D3DCD2;
  --color-primary: #2F5D46;
  --color-on-primary: #F6F7F2;

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

  --text-body: 18px;
  --text-label: 13px;
  --text-h1: 40px;
  --text-h2: 30px;
  --text-h3: 24px;
  --text-quote: 28px;
  --text-h1-wide: 64px;
  --text-h2-wide: 40px;
  --text-quote-wide: 36px;

  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 40px;
  --space-5: 64px;
  --space-section: 72px;
  --space-section-wide: 120px;

  --content-width: 1180px;
  --text-width: 640px;
  --radius-photo: 4px;
  --radius-pill: 999px;
  --button-height: 52px;
  --button-pad: 28px;
}