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

:root {
  --font-display: 'Playfair Display', Georgia, serif;
  --font-body: 'Source Sans 3', system-ui, -apple-system, sans-serif;

  --text-xs:   0.75rem;
  --text-sm:   0.875rem;
  --text-base: 1rem;
  --text-lg:   1.125rem;
  --text-xl:   1.25rem;
  --text-2xl:  1.5rem;
  --text-3xl:  1.875rem;
  --text-4xl:  2.25rem;
  --text-5xl:  3rem;
  --text-6xl:  3.75rem;

  --leading-tight:  1.15;
  --leading-normal: 1.6;
  --leading-loose:  1.85;
}

h1, h2, h3 {
  font-family: var(--font-display);
  font-weight: 700;
  line-height: var(--leading-tight);
  margin: 0;
}

h4, h5, h6 {
  font-family: var(--font-body);
  font-weight: 600;
  margin: 0;
}

body, p, li, input, button, select, textarea {
  font-family: var(--font-body);
  line-height: var(--leading-normal);
}

p {
  margin: 0 0 1em;
}

p:last-child {
  margin-bottom: 0;
}