/* Wacana — Typography (PRD Bagian 7) */

.font-display { font-family: var(--font-display); }
.font-body { font-family: var(--font-body); }
.font-mono { font-family: var(--font-mono); }

h1, .text-display {
  font-family: var(--font-display);
  font-size: var(--fs-display);
  line-height: var(--lh-tight);
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--color-text);
}

h2, .text-heading {
  font-family: var(--font-display);
  font-size: var(--fs-heading);
  line-height: var(--lh-tight);
  font-weight: 600;
  color: var(--color-text);
}

h3, .text-subheading {
  font-family: var(--font-display);
  font-size: var(--fs-subheading);
  line-height: 1.4;
  font-weight: 600;
  color: var(--color-text);
}

p, .text-body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-normal);
}

.text-caption {
  font-family: var(--font-body);
  font-size: var(--fs-caption);
  color: var(--color-text-secondary);
}

.text-meta {
  font-family: var(--font-body);
  font-size: var(--fs-meta);
  color: var(--color-text-muted);
}

/* Isi post — panjang, harus nyaman dibaca */
.post-body {
  font-family: var(--font-body);
  font-size: var(--fs-body-lg);
  line-height: var(--lh-reading);
  color: var(--color-text);
  max-width: var(--measure-reading);
  white-space: pre-wrap;
  overflow-wrap: break-word;
}

.post-body p + p { margin-top: var(--space-3); }

.text-link {
  color: var(--color-text);
  text-underline-offset: 2px;
}
.text-link:hover { text-decoration: underline; }

.text-accent { color: var(--color-accent); }
.text-muted { color: var(--color-text-muted); }
.text-secondary { color: var(--color-text-secondary); }