@font-face {
	font-family: 'Onest';
	src: local('Onest Thin'), local('Onest-Thin'),
		url('../fonts/Onest-Thin.woff2') format('woff2'),
		url('../fonts/Onest-Thin.ttf') format('truetype');
	font-weight: 100;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Onest';
	src: local('Onest ExtraLight'), local('Onest-ExtraLight'),
		url('../fonts/Onest-ExtraLight.woff2') format('woff2'),
		url('../fonts/Onest-ExtraLight.ttf') format('truetype');
	font-weight: 200;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Onest';
	src: local('Onest Light'), local('Onest-Light'),
		url('../fonts/Onest-Light.woff2') format('woff2'),
		url('../fonts/Onest-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Onest';
	src: local('Onest Regular'), local('Onest-Regular'),
		url('../fonts/Onest-Regular.woff2') format('woff2'),
		url('../fonts/Onest-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

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

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

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

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

@font-face {
	font-family: 'Onest';
	src: local('Onest Black'), local('Onest-Black'),
		url('../fonts/Onest-Black.woff2') format('woff2'),
		url('../fonts/Onest-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Onest Variable';
	src: local('Onest Variable'), local('Onest-Variable'),
		url('../fonts/Onest-Variable.woff2') format('woff2'),
		url('../fonts/Onest-Variable.ttf') format('truetype');
	font-style: normal;
	font-display: swap;
}

@supports not (font-variation-settings: normal) {
	:root {
		/* Font */
		--textFont: 'Onest', sans-serif;
		--titleFont: 'Onest', sans-serif;

		/* Weight */
		--textWeight: 400;
		--titleWeight: 599;
	}
}

@supports (font-variation-settings: normal) {
	:root {
		/* Font */
		--textFont: 'Onest Variable', sans-serif;
		--titleFont: 'Onest Variable', sans-serif;

		/* Weight */
		--textWeight: 400;
		--titleWeight: 599;
	}
}