@font-face {
	font-family: "Ioskeley Mono";
	src: url("/assets/fonts/ioskeley-mono/IoskeleyMono-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Intel One Mono";
	src: url("/assets/fonts/intel-one-mono/IntelOneMono-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Departure Mono";
	src: url("/assets/fonts/departure-mono/DepartureMono-Regular.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@layer tokens {
	[data-font="ioskeley"] {
		--mono: "Ioskeley Mono", "JetBrains Mono NL", ui-monospace, "Cascadia Mono",
			"Segoe UI Mono", Menlo, Consolas, monospace;
	}

	[data-font="intel"] {
		--mono: "Intel One Mono", "JetBrains Mono NL", ui-monospace, "Cascadia Mono",
			"Segoe UI Mono", Menlo, Consolas, monospace;
	}

	[data-font="departure"] {
		--mono: "Departure Mono", "JetBrains Mono NL", ui-monospace, "Cascadia Mono",
			"Segoe UI Mono", Menlo, Consolas, monospace;
	}
}