/* ==========================================================================
   Mulish – Self-hosted (SIL Open Font License)
   Variable fonts + static fallbacks
   ========================================================================== */

@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype supports variations'),
		url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype-variations'),
		url('../fonts/Mulish-VariableFont_wght.ttf') format('truetype');
	font-weight: 200 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype supports variations'),
		url('../fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype-variations'),
		url('../fonts/Mulish-Italic-VariableFont_wght.ttf') format('truetype');
	font-weight: 200 900;
	font-style: italic;
	font-display: swap;
}

/* Static fallbacks for browsers without variable font support */
@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-Regular.ttf') format('truetype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-SemiBold.ttf') format('truetype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-Bold.ttf') format('truetype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Mulish';
	src: url('../fonts/Mulish-ExtraBold.ttf') format('truetype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}