@font-face {
    font-family: "SyncApps Inter";
    src: url("../fonts/inter/InterVariable.woff2") format("woff2");
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
}

:root {
    --app-font-family: "SyncApps Inter", Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
input,
button,
select,
optgroup,
textarea {
    font-family: var(--app-font-family);
}

/* Vendor widgets declare text fonts independently of the page. */
.page-title,
.tooltip,
.popover,
.daterangepicker,
.daterangepicker .calendar th,
.daterangepicker .calendar td,
.datepaginator a,
.gritter-title,
.vakata-context,
.vakata-context ul,
.select2-search input,
.select2-container-multi .select2-choices .select2-search-field input,
.odometer.odometer-auto-theme,
.odometer.odometer-theme-default,
.qtip-tipsy,
.qtip-tipped,
.ui-tooltip-tipsy .ui-tooltip-titlebar,
.ui-tooltip-tipsy .ui-tooltip-content,
.ui-tooltip-tipped .ui-tooltip-titlebar,
.morris-hover.morris-default-style .morris-hover-row-label,
.morris-hover.morris-default-style .morris-hover-point,
input.uniform-input,
select.uniform-multiselect,
textarea.uniform,
div.button span,
div.selector select,
.trumbowyg-modal-box .trumbowyg-modal-button,
#fancybox-title {
    font-family: var(--app-font-family);
}

.datepicker table th,
.datepicker table td,
.datetimepicker table th,
.datetimepicker table td {
    font-family: var(--app-font-family) !important;
}