/* Homepage typefaces, applied on top of styles.css.

   index.html uses its own inline design system: Playfair Display for
   headlines, Helvetica Neue for reading text, JetBrains Mono for labels.
   styles.css still ships the older Fraunces / Inter pair. Loading this file
   after styles.css swaps the three font variables (every rule in styles.css
   reads them) and matches the homepage's lighter, tighter headline setting.

   Currently loaded by blog.html and every blog/post-*.html. Load it after
   styles.css, together with the Playfair Display + JetBrains Mono Google
   Fonts link, and bump ?v= on every page that loads it after an edit. */

:root {
  --font-serif: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-mono:  "JetBrains Mono", "SF Mono", ui-monospace, "Courier New", monospace;
  --font-sans:  "Helvetica Neue", Helvetica, -apple-system, "Segoe UI", Arial, sans-serif;
}

/* styles.css sets its serif headings at 500, which suited Fraunces. The
   homepage sets Playfair at 400 with -0.02em tracking. */
.hero-headline,
.modal-heading,
.post-title,
.post-body h2,
.path-title,
.cta-band-title,
.rd-title,
.rd-wedge-title,
.rd-cta-title {
  font-weight: 400;
  letter-spacing: -0.02em;
}