/**
 * Vantegris typography — Mulish & Inter (Google), Satoshi (self-hosted).
 */

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Light.woff") format("woff");
	font-weight: 300;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-LightItalic.woff") format("woff");
	font-weight: 300;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Regular.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Italic.woff") format("woff");
	font-weight: 400;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Medium.woff") format("woff");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-MediumItalic.woff") format("woff");
	font-weight: 500;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Bold.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-BoldItalic.woff") format("woff");
	font-weight: 700;
	font-style: italic;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-Black.woff") format("woff");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Satoshi";
	src: url("../fonts/satoshi/Satoshi-BlackItalic.woff") format("woff");
	font-weight: 900;
	font-style: italic;
	font-display: swap;
}

:root {
	--font-family: "Mulish", sans-serif;
	--second-family: "Satoshi", sans-serif;
	--third-family: "Inter", sans-serif;
}

html {
	font-family: var(--font-family);
}

body {
	font-family: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6,
.label__title,
.hero-header__title,
.hero-split__title,
.blog-hero__title,
.blog-hero__content h1 {
	font-family: var(--second-family);
}

.btn,
.menu__link,
.menu__mega-link,
.breadcrumbs,
.breadcrumbs a,
.rank-math-breadcrumb,
.input,
textarea,
select,
.footer__link,
.language-switcher__current {
	font-family: var(--third-family);
}

.lg-container {
	font-family: var(--font-family);
}