/**
 * Self-hosted brand typefaces.
 *
 * Poppins for headings, Inter for body, Noto Serif for highlighted text —
 * the three faces specified in the Saving Grace Education Brand Guide.
 *
 * Served from this theme rather than from Google Fonts: it is faster (no
 * third-party DNS, connection and redirect chain) and no visitor IP address is
 * handed to a third party, which keeps the community clean under POPIA.
 *
 * font-display: swap so text is readable immediately on a slow connection —
 * the common case for parents on mobile data.
 */

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/poppins-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/poppins-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Poppins";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/poppins-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/inter-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/inter-latin-500-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/inter-latin-600-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/inter-latin-700-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/noto-serif-latin-400-normal.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Serif";
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/noto-serif-latin-400-italic.woff2") format("woff2");
}

@font-face {
	font-family: "Noto Serif";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/noto-serif-latin-600-normal.woff2") format("woff2");
}