/*
 * WordPress core styles are unlayered and beat Tailwind @layer rules.
 * Match the React site typography:
 * - Headings: Inter sans-serif (medium/semibold via Tailwind classes)
 * - Heading emphasis (<em>): Georgia regular italic
 * - Decorative serif (stats, etc.): Georgia
 */
#tmt-app {
  font-family: "Inter", system-ui, sans-serif;
}

#tmt-app h1,
#tmt-app h2,
#tmt-app h3,
#tmt-app h4,
#tmt-app h5,
#tmt-app h6,
#tmt-app .font-display,
#tmt-app .text-display {
  font-family: "Inter", system-ui, sans-serif;
}

#tmt-app h1 em,
#tmt-app h2 em,
#tmt-app h3 em,
#tmt-app h4 em,
#tmt-app h5 em,
#tmt-app h6 em,
#tmt-app .font-serif-italic {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -0.02em;
}

#tmt-app .font-serif {
  font-family: Georgia, "Times New Roman", serif;
}