@font-face {
	font-family: "Dosis";
	src: url("../fonts/dosis-variable-wght.ttf") format("truetype");
	font-style: normal;
	font-weight: 200 800;
	font-display: swap;
}

@font-face {
	font-family: "Raleway";
	src: url("../fonts/raleway-variable-wght.woff2") format("woff2");
	font-style: normal;
	font-weight: 400 800;
	font-display: swap;
}

@font-face {
	font-family: "Chateau de Garage";
	src: url("../fonts/chateau-de-garage-commercial.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

:root {
	--lza-font-signature: "Chateau de Garage", sans-serif;
	--lza-font-display: "Dosis", sans-serif;
	--lza-font-body: "Raleway", sans-serif;
}

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

h1,
h2,
h3,
h4,
h5,
h6,
button,
input,
select,
textarea,
label,
.main-navigation,
.wp-block-button__link,
.lza-kicker {
	font-family: var(--lza-font-display);
}

.lza-font-signature {
	font-family: var(--lza-font-signature);
}