/* ===================================================================
   typography.css — تایپوگرافی
   =================================================================== */

h1, h2, h3, h4, h5, h6 {
  color: var(--color-heading);
  font-weight: var(--fw-bold);
  line-height: var(--lh-tight);
  margin-bottom: var(--space-4);
}

h1 {
  font-size: var(--fs-3xl);
  font-weight: var(--fw-black);
}

h2 {
  font-size: var(--fs-2xl);
}

h3 {
  font-size: var(--fs-xl);
}

h4 {
  font-size: var(--fs-lg);
}

p {
  margin-bottom: var(--space-4);
  line-height: var(--lh-normal);
}

p:last-child {
  margin-bottom: 0;
}

strong {
  font-weight: var(--fw-bold);
  color: var(--color-heading);
}

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

.text-primary {
  color: var(--color-primary);
}

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

.lead {
  font-size: var(--fs-md);
  color: var(--color-text-muted);
  line-height: var(--lh-normal);
}

/* واکنش‌گرا: کوچک‌تر شدن تیترها در موبایل */
@media (max-width: 768px) {
  h1 { font-size: var(--fs-2xl); }
  h2 { font-size: var(--fs-xl); }
  h3 { font-size: var(--fs-lg); }
}