/* ==========================================
   Theme A: Editorial Warmth
   Newsreader (serif headings) + Source Sans 3 (body)
   ========================================== */

:root {
  --font-heading: 'Newsreader', Georgia, 'Times New Roman', serif;
  --font-body: 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;
}

/* Fine-tune heading styles for this font */
h1 {
  font-weight: 500;
  letter-spacing: -0.02em;
}

h2 {
  font-weight: 500;
}

h3 {
  font-weight: 600;
}

/* The italic title looks especially good in Newsreader */
.hero .title {
  font-family: var(--font-heading);
  font-weight: 400;
}

/* Card titles in serif for warmth */
.card h3 {
  font-family: var(--font-heading);
  font-weight: 500;
}