@font-face {
    font-family: "Inter Thin";
    src: url("/resources/fonts/Inter-Thin.ttf");
}
@font-face {
    font-family: "Inter ExtraLight";
    src: url("/resources/fonts/Inter-ExtraLight.ttf");
}
@font-face {
    font-family: "Inter Light";
    src: url("/resources/fonts/Inter-Light.ttf");
}
@font-face {
    font-family: "Inter Regular";
    src: url("/resources/fonts/Inter-Regular.ttf");
}
@font-face {
    font-family: "Inter Medium";
    src: url("/resources/fonts/Inter-Medium.ttf");
}
@font-face {
    font-family: "Inter SemiBold";
    src: url("/resources/fonts/Inter-SemiBold.ttf");
}
@font-face {
    font-family: "Inter Bold";
    src: url("/resources/fonts/Inter-Bold.ttf");
}
@font-face {
    font-family: "Inter ExtraBold";
    src: url("/resources/fonts/Inter-ExtraBold.ttf");
}
@font-face {
    font-family: "Inter Black";
    src: url("/resources/fonts/Inter-Black.ttf");
}

:root {
    --font-thin: "Inter Thin";
    --font-extra-light: "Inter ExtraLight";
    --font-light: "Inter Light";
    --font-regular: "Inter Regular";
    --font-medium: "Inter Medium";
    --font-semi-bold: "Inter SemiBold";
    --font-bold: "Inter Bold";
    --font-extra-bold: "Inter ExtraBold";
    --font-black: "Inter Black";
}