/* ==========================================================================
	SECTION: FONTS
========================================================================== */

/* -- Self-hosted variable fonts ----------------------------------------- */
/* FIGTREE */

@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree-var.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Figtree";
	src: url("../fonts/figtree-var-italic.woff2") format("woff2");
	font-weight: 300 900;
	font-style: italic;
	font-display: swap;
}

/* -- Self-hosted variable fonts ----------------------------------------- */
/* MERRIWEATHER */

@font-face {
	font-family: "Merriweather";
	src: url("../fonts/merriweather-var.woff2") format("woff2");
	font-weight: 300 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Merriweather";
	src: url("../fonts/merriweather-var-italic.woff2") format("woff2");
	font-weight: 300 900;
	font-style: italic;
	font-display: swap;
}

/* ==========================================================================
	SECTION: FONT VARIABLES
========================================================================== */

:root {
	--font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--font-serif: "Merriweather", Georgia, "Times New Roman", serif;
}

/*--------------------------------------------------------------
Font Variables
--------------------------------------------------------------*/

:root {

  --font-sans: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;

  --font-serif: "Merriweather", Georgia, "Times New Roman", serif;

}