/* ============================================================
   Typography override for Andy Als — hello-friend-ng theme
   Reading font: Lora (serif) — warm, readable, not corporate
   UI font: Inter (already bundled with theme) — clean and sharp
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');

/* --- Body / post content uses Lora for readability --- */
.post-content,
.post-content p,
.post-content li,
.post-content blockquote {
  font-family: 'Lora', Georgia, 'Times New Roman', serif;
  font-size: 1.075rem;
  line-height: 1.78;
  letter-spacing: 0.01em;
}

/* --- Headings stay Inter — sharp contrast against body serif --- */
h1, h2, h3, h4, h5, h6,
.post-title,
.post-title a {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  letter-spacing: -0.02em;
  font-weight: 700;
  line-height: 1.25;
}

/* Post title sizing bump */
.post-title {
  font-size: 2.25rem;
}

/* --- Code blocks stay monospace --- */
code, pre, .highlight {
  font-family: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', Consolas, monospace;
  font-size: 0.88rem;
}

/* --- Nav, logo, meta, footer — keep Inter --- */
.navigation,
.logo,
.post-tags,
.post-date,
footer,
.menu {
  font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

/* --- Paragraph spacing in posts --- */
.post-content p {
  margin-bottom: 1.4em;
}

/* --- Blockquote — slightly styled, not over the top --- */
.post-content blockquote {
  border-left: 3px solid #888;
  padding-left: 1.2em;
  margin-left: 0;
  color: inherit;
  opacity: 0.8;
  font-style: italic;
}

/* --- Table typography --- */
.post-content table {
  font-family: Inter, -apple-system, sans-serif;
  font-size: 0.92rem;
}

/* --- Reading width feels less cramped --- */
.post {
  max-width: 820px;
}