@font-face {
	font-family: "Clash Display";
	src:
		url("../fonts/ClashDisplay-Extralight.woff2") format("woff2"),
		url("../fonts/ClashDisplay-Extralight.woff") format("woff");
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Clash Display";
	src:
		url("../fonts/ClashDisplay-Light.woff2") format("woff2"),
		url("../fonts/ClashDisplay-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Clash Display";
	src:
		url("../fonts/ClashDisplay-Regular.woff2") format("woff2"),
		url("../fonts/ClashDisplay-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Clash Display";
	src:
		url("../fonts/ClashDisplay-Medium.woff2") format("woff2"),
		url("../fonts/ClashDisplay-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Clash Display";
	src:
		url("../fonts/ClashDisplay-Semibold.woff2") format("woff2"),
		url("../fonts/ClashDisplay-Semibold.woff") format("woff");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Clash Display";
	src:
		url("../fonts/ClashDisplay-Bold.woff2") format("woff2"),
		url("../fonts/ClashDisplay-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--font-primary:
		"Clash Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

body {
	font-family: var(--font-primary);
}