@font-face {
    font-family: "Lexend HM";
    src: url("/fonts/LexendHM-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend HM";
    src: url("/fonts/LexendHM-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Exa HM";
    src: url("/fonts/LexendExaHM-Xlight.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lexend Exa HM";
    src: url("/fonts/LexendExaHM-Bold.ttf") format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

/* Bootstrap/Metronic base */
:root {
    --bs-font-sans-serif: "Lexend HM", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-body-font-family: var(--bs-font-sans-serif);
}

html, body {
    font-family: var(--bs-body-font-family) !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6,
.display-1, .display-2, .display-3, .display-4,
.fs-1, .fs-2, .fs-3 {
    font-family: "Lexend Exa HM", "Lexend HM", var(--bs-font-sans-serif) !important;
}

/* DevExtreme */
.dx-viewport, .dx-widget, .dx-datagrid, .dx-button, .dx-toolbar, .dx-texteditor-input {
    font-family: var(--bs-body-font-family) !important;
}