h1, h2, h3, h4, h5, h6 {
  color: var(--text-primary);
  font-weight: 600;
  line-height: 1.25;
}

h1 { font-size: var(--font-size-2xl); }
h2 { font-size: var(--font-size-xl); }
h3 { font-size: var(--font-size-lg); }

@media (min-width: 768px) {
  h1 { font-size: var(--font-size-3xl); }
  h2 { font-size: var(--font-size-2xl); }
  h3 { font-size: var(--font-size-xl); }
}

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

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

.text-sm {
  font-size: var(--font-size-sm);
}

.text-bold {
  font-weight: 600;
}