/* Self-hosted fonts for Irondog theme
     Place font files here (format: .woff2). Filenames actually present in this
     theme folder (detected):
         - montserrat-v30-latin-regular.woff2
         - montserrat-v30-latin-500.woff2
         - montserrat-v30-latin-700.woff2
         - roboto-v48-latin-regular.woff2
         - roboto-v48-latin-500.woff2
         - roboto-v48-latin-700.woff2
*/

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

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

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

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

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

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

/* Optional: define CSS fallback variables or quick body rule
   The theme editor will use names from theme.json; this ensures
   front-end uses the same fonts by default. Adjust as needed. */
:root {
	--font-montserrat: "Montserrat", sans-serif;
	--font-roboto: "Roboto", sans-serif;
}

body {
	/* default site font: fall back to system if not loaded */
	font-family:
		var(--font-roboto),
		system-ui,
		-apple-system,
		"Segoe UI",
		Roboto,
		"Helvetica Neue",
		Arial,
		sans-serif;
}