/**
 * Self-hosted display and body faces.
 *
 * Drop the .woff2 files into assets/fonts/ to activate them. Until then the
 * stack falls back to the system serif/sans, which is why every rule uses
 * font-display: swap and a matching fallback metric.
 */

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

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

@font-face {
	font-family: 'Cormorant Garamond';
	src: url( '../fonts/cormorant-garamond-400-italic.woff2' ) format( 'woff2' );
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

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

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