/*
 * Self-hosted fonts.
 *
 * The designs load Barlow and Barlow Condensed from Google Fonts. In production
 * they are self-hosted: one less connection to open before the LCP element can
 * paint, and no third-party request on every page view.
 *
 * Drop the .woff2 files into /assets/fonts/ — see the README in that folder for
 * the exact filenames. The two preloaded in inc/enqueue.php are
 * barlow-condensed-700.woff2 and barlow-400.woff2.
 *
 * font-display: swap keeps text visible during load. The fallback metrics are
 * tuned to Helvetica/Arial so the swap does not move layout (CLS budget: 0.1).
 */

@font-face {
	font-family: 'Barlow';
	src: url('../fonts/barlow-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

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

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

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

/*
 * Condensed 400 and 500 exist for the per-section font control: a section set
 * to Condensed uses it for body copy too, and without these weights the
 * browser would synthesise or fall back. Browsers only download a face they
 * actually use, so these cost nothing on a page that does not.
 */
@font-face {
	font-family: 'Barlow Condensed';
	src: url('../fonts/barlow-condensed-400.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Barlow Condensed';
	src: url('../fonts/barlow-condensed-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Barlow Condensed';
	src: url('../fonts/barlow-condensed-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Barlow Condensed';
	src: url('../fonts/barlow-condensed-700.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}