/* Typography chuẩn P1 — Inter v4.1 self-host (load sau inter-font.css + Bootstrap) */
:root {
    --p1-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --bs-font-sans-serif: var(--p1-font-sans);
    --bs-body-font-family: var(--p1-font-sans);
}

@supports (font-variation-settings: normal) {
    :root {
        --p1-font-sans: "InterVariable", "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
        --bs-font-sans-serif: var(--p1-font-sans);
        --bs-body-font-family: var(--p1-font-sans);
    }
}

html {
    font-family: var(--p1-font-sans);
    -webkit-text-size-adjust: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body,
button,
input,
optgroup,
select,
textarea,
.form-control,
.form-select,
.input-group-text,
.btn,
.dropdown-menu,
.dropdown-item,
.modal,
.modal-title,
.modal-body,
.modal-footer,
.offcanvas,
.offcanvas-title,
.offcanvas-body,
.navbar,
.navbar-brand,
.nav,
.nav-link,
.card,
.card-title,
.card-body,
.card-header,
.card-footer,
.table,
.list-group,
.list-group-item,
.breadcrumb,
.breadcrumb-item,
.pagination,
.page-link,
.alert,
.badge,
.tab-content,
.tab-pane,
.accordion,
.accordion-button,
.accordion-body,
.popover,
.popover-header,
.popover-body,
.tooltip,
.toast,
.toast-header,
.toast-body,
.swiper,
.select2-container,
.select2-container .select2-selection--single .select2-selection__rendered,
.select2-container .select2-selection--multiple .select2-selection__rendered,
.select2-results__option,
.flatpickr-calendar,
.flatpickr-day,
.swal2-popup,
.swal2-title,
.swal2-html-container,
.ola-cauth-modal,
.ola-cauth-body,
.ola-cauth-field,
.ola-cauth-btn,
.ola-vne-header,
.ola-page-shell,
.ola-site-footer-block,
.wrapper__section,
.breadpage,
.border_section,
.sticky-top,
aside,
footer,
header,
main,
section,
article,
label,
legend,
small,
strong,
em,
p,
span,
a,
li,
td,
th,
dt,
dd {
    font-family: var(--p1-font-sans) !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--p1-font-sans);
    font-weight: 700;
}

.fa, .fas, .far, .fab, .fa-solid, .fa-regular, .fa-brands,
i[class^="fa-"], i[class*=" fa-"],
span[class^="fa-"], span[class*=" fa-"] {
    font-family: var(--fa-style-family, "Font Awesome 6 Free") !important;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fab, .fa-brands,
i.fa-brands, i.fab {
    font-family: "Font Awesome 6 Brands" !important;
    font-weight: 400 !important;
}

.far, .fa-regular,
i.fa-regular, i.far {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 400 !important;
}

.fas, .fa-solid,
i.fa-solid, i.fas {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
}

[class*=" note-icon"]:before,
[class^="note-icon"]:before {
    font-family: summernote !important;
}

.note-editable {
    font-family: var(--p1-font-sans) !important;
}

.swiper-icons {
    font-family: swiper-icons !important;
}