body {
  font-family: var(--font-family-base);
  color: var(--color-text-primary);
  background-color: var(--color-bg);
}
h1 { font-size: 2.5rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; font-family: var(--font-family-serif); }
h2 { font-size: 2rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem; }
h3 { font-size: 1.5rem; font-weight: 600; line-height: 1.3; margin-bottom: 0.75rem; }
h4 { font-size: 1.25rem; font-weight: 600; line-height: 1.4; margin-bottom: 0.5rem; }
p { margin-bottom: 1rem; color: var(--color-text-secondary); }
.text-primary { color: var(--color-primary); }
.text-muted { color: var(--color-text-muted); }
.text-sm { font-size: 0.875rem; }
.text-lg { font-size: 1.125rem; }
.font-bold { font-weight: 700; }
.font-semibold { font-weight: 600; }
.text-center { text-align: center; }