/**
 * Self-hosted webfonts.
 *
 * Fraunces is a variable font — the same file is registered at several
 * static weights; the browser picks the matching instance on its "wght" axis.
 */
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('../fonts/fraunces/fraunces-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/fraunces/fraunces-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/fraunces/fraunces-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Fraunces';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/fraunces/fraunces-normal.woff2') format('woff2');
}
@font-face {
	font-family: 'Fraunces';
	font-style: italic;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/fraunces/fraunces-italic.woff2') format('woff2');
}

/**
 * Bandetta (logo / big display headings) and Duplet (button labels) are
 * commercial fonts supplied by the designer.
 */
@font-face {
	font-family: 'Bandetta';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/bandetta/bandetta-regular.woff2') format('woff2'),
		url('../fonts/bandetta/bandetta-regular.woff') format('woff');
}
@font-face {
	font-family: 'Duplet';
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url('../fonts/duplet/duplet-bold.woff2') format('woff2'),
		url('../fonts/duplet/duplet-bold.woff') format('woff');
}