:root {
    --crm-font-family: Inter, Helvetica, sans-serif;
}

html,
body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--crm-font-family);
}

body {
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

#kt_app_content .btn:not(.btn-icon),
#kt_app_content .form-control,
#kt_app_content .form-select,
#kt_app_content .input-group-text,
#kt_app_content .select2-selection {
    font-size: 1rem;
}

#kt_app_content .form-label {
    font-size: 1rem;
    font-weight: 600;
}

#kt_app_content .table > thead > tr > th {
    font-size: .95rem;
    font-weight: 600;
}

#kt_app_content .table > tbody > tr > td {
    font-size: 1rem;
}

#kt_app_content .card-title,
#kt_app_content .modal-title,
#kt_app_content .offcanvas-title {
    letter-spacing: -.01em;
}

.daterangepicker,
.flatpickr-calendar,
.select2-container,
.select2-dropdown,
.tagify,
.tagify__dropdown,
.ql-container,
.ql-toolbar,
.swal2-container,
.tooltip,
.popover {
    font-family: var(--crm-font-family) !important;
}

code,
kbd,
pre,
samp,
.font-monospace {
    font-family: var(--bs-font-monospace);
}