/**
 * Self-hosted typefaces.
 *
 * Self-hosted rather than loaded from a font CDN: one less third-party
 * connection on the critical path, no external host to allow through a
 * Content Security Policy, and no visitor data leaving to a third party
 * merely to render text.
 *
 * Latin subset only.
 *
 * POPPINS — display. The logo is set in a heavy geometric sans with perfectly
 * circular bowls, and Poppins shares that construction, so headings read as an
 * extension of the mark rather than as a different voice beside it. Three
 * static weights rather than a variable file: at 8 KB each, three statics are
 * smaller than one variable Poppins.
 *
 * DM SANS — body. Poppins is superb at 48px and exhausting at 16px; its wide
 * round forms slow reading badly across a paragraph. DM Sans is geometric
 * enough to belong beside it and far more comfortable at text sizes. One
 * variable file covers 400 to 700.
 */

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

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

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

@font-face {
	font-family: "DM Sans";
	font-style: normal;
	font-weight: 400 700;
	font-display: swap;
	src: url("../fonts/dmsans-var.woff2") format("woff2");
}