/* Body and display both use SF-Pro.ttf; separate aliases avoid macOS system font hijacking. */
@font-face {
	font-family: 'Foundation Sans';
	src: url('../fonts/sf-pro.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Foundation Display';
	src: url('../fonts/sf-pro.ttf') format('truetype');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

.fr-theme {
	font-family: 'Foundation Sans', sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.fr-theme h1,
.fr-theme h2,
.fr-theme h3,
.fr-theme h4,
.fr-theme h5,
.fr-theme h6,
.fr-theme .fr-display-font {
	font-family: 'Foundation Display', sans-serif;
	font-synthesis: none;
}

/* Tailwind preflight zeroes heading margins; restore a default kicker→title gap.
   More specific rules (course panels, start-here, blog body, docs) still win. */
.fr-theme h2 {
	margin-block-start: 1rem;
}

.fr-theme h2:first-child {
	margin-block-start: 0;
}