@font-face {
    font-family: "DM Sans";
    font-style: normal;
    font-weight: 400 700;
    font-display: swap;
    src: url("../fonts/dm-sans-latin.woff2") format("woff2");
}

@font-face {
    font-family: "Urbanist";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("../fonts/urbanist-latin.woff2") format("woff2");
}

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

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

:root {
    --hris-font-sans: "DM Sans", "Roboto", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif;
    --hris-font-heading: "Urbanist", "DM Sans", "Roboto", "Inter", sans-serif;
    --font-family-sans-serif: var(--hris-font-sans);
}

html,
body {
    font-family: var(--hris-font-sans);
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: var(--hris-font-heading);
}

button,
input,
optgroup,
select,
textarea,
.popover,
.select2-container,
.swal2-container,
.tooltip {
    font-family: inherit;
}