/**
 * MXJ's own typefaces, self-hosted.
 *
 * WHICH FONTS, AND WHY THESE
 * Taken from live rather than chosen: Courgette is the brand face — the script
 * on the logo, the retailer button and every h1–h3 — and it is the thing that
 * makes the site look like MXJ rather than a generic shop. Lato is the body
 * copy, Montserrat the smaller headings (h4–h6). Live loaded all three from
 * Google; these are the same families, served from the theme.
 *
 * WHY SELF-HOSTED
 * A request to fonts.gstatic.com on every page view is a third-party request
 * that leaks visitor IPs, costs a DNS lookup and TLS handshake before any text
 * can paint, and puts the brand face behind someone else's uptime. These five
 * files total 104 KB and are cached with the theme.
 *
 * Only the latin subset is carried. MXJ is a UK site and every character it
 * sets — including the ⋆ in page titles and curled apostrophes — is inside it.
 *
 * font-display: swap, so text paints immediately in the fallback and reflows
 * when the webfont lands. Courgette is decorative; a heading invisible for
 * 300ms is worse than a heading that changes face.
 */

@font-face {
	font-family: 'Courgette';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('courgette-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('lato-400.woff2') format('woff2');
}

@font-face {
	font-family: 'Lato';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('lato-400-italic.woff2') format('woff2');
}

@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('lato-700.woff2') format('woff2');
}

/* Montserrat ships as a variable font: one file covers 100–900, so 400 and 700
   are the same download rather than two. */
@font-face {
	font-family: 'Montserrat';
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url('montserrat-var.woff2') format('woff2-variations');
}