h1, h2, h3, h4, h5, h6 {
	font-family: var(--font-title);
	font-weight: var(--font-bold);
}
h1 {
	font-size: var(--text-5xl);
	margin-top: var(--spacing-0);
	margin-bottom: var(--spacing-8);
	line-height: var(--leading-tight);
}
h2 {
	font-size: var(--text-4xl);
	margin-top: var(--spacing-16);
	margin-bottom: var(--spacing-4);
}
/* h3/h4/h6 previously had no shared baseline here at all — any heading
   using one of these levels without its own component-scoped rule (of
   which ~14 separate CSS files each define their own local .foo h3, none
   of them a true site-wide default) fell back to the raw browser default
   size instead of this design system. Purely additive: a class-scoped
   selector like .faq h3 always wins specificity over this bare h3, so
   every existing, deliberately-tuned override is completely unaffected —
   this only reaches headings that currently have no styling at all.
   Sized to continue the same h1(5xl)/h2(4xl)/h5(xl) scale already
   established above, using tokens that already exist. */
h3 {
	font-size: var(--text-3xl);
	margin-top: var(--spacing-16);
	margin-bottom: var(--spacing-4);
}
h4 {
	font-size: var(--text-2xl);
	margin-top: var(--spacing-12);
	margin-bottom: var(--spacing-3);
}
h6 {
	font-size: var(--text-lg);
	margin-top: var(--spacing-12);
	margin-bottom: var(--spacing-2);
}
h5 {
	font-family: var(--font-title);
	font-size: var(--text-xl);
	margin-top: var(--spacing-16);
	margin-bottom: var(--spacing-4);
}