:root {
	--bg: #0a0a0a;
	--orange: #ff6b2b;
	--yellow: #ffd700;
	--blue: #1a6bff;
	--purple: #9b2eff;
	--green: #2ecc71;
	--white: #f0f0f0;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-Light.otf");
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-LightItalic.otf");
	font-weight: 300;
	font-style: italic;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-Regular.otf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-RegularItalic.otf");
	font-weight: 400;
	font-style: italic;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-Medium.otf");
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-MediumItalic.otf");
	font-weight: 500;
	font-style: italic;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-Semibold.otf");
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-SemiboldItalic.otf");
	font-weight: 600;
	font-style: italic;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-Bold.otf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-BoldItalic.otf");
	font-weight: 700;
	font-style: italic;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-Heavy.otf");
	font-weight: 800;
	font-style: normal;
}

@font-face {
	font-family: "SF Mono";
	src: url("../fonts/SF-Mono-HeavyItalic.otf");
	font-weight: 800;
	font-style: italic;
}

body {
	font-family: "SF Mono" !important;
}