@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');

/*
 * Font giao diện: Inter — giống mã mẫu người dùng cung cấp.
 * Chỉ thay font-family; không ép font-weight, font-style, cỡ chữ hoặc khoảng cách.
 * Không ghi đè font của các thư viện icon.
 */
:root {
    --rs-font-pc-safe: "Inter", "Segoe UI", Arial, Helvetica, sans-serif;
}

html,
body,
button,
input,
optgroup,
select,
textarea {
    font-family: var(--rs-font-pc-safe) !important;
}

body p,
body div,
body a,
body label,
body small,
body strong,
body b,
body em,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body li,
body dt,
body dd,
body th,
body td,
body caption,
body legend,
body blockquote,
body output,
body .form-control,
body .custom-select,
body .btn,
body .dropdown-menu,
body .dropdown-item,
body .nav-link,
body .card,
body .modal,
body .popover,
body .tooltip,
body .swal2-popup,
body .swal2-container,
body .alert-wrapper,
body .alert-frame,
body .alert-title,
body .alert-message,
body .toast-container {
    font-family: var(--rs-font-pc-safe) !important;
}

/* Span thường chứa chữ; loại trừ các span dùng làm icon. */
body span:not(.fa):not(.fas):not(.far):not(.fal):not(.fab):not(.fad):not(.fa-solid):not(.fa-regular):not(.fa-brands):not(.glyphicon):not(.material-icons):not(.material-symbols-outlined):not(.material-symbols-rounded):not(.iconify):not(.bi):not(.mdi):not(.ti):not(.bx):not(.la):not([data-icon]):not([class^="ri-"]):not([class*=" ri-"]):not([class^="ion-"]):not([class*=" ion-"]):not([class^="icon-"]):not([class*=" icon-"]):not([class^="bi-"]):not([class*=" bi-"]):not([class^="mdi-"]):not([class*=" mdi-"]):not([class^="ti-"]):not([class*=" ti-"]):not([class^="bx-"]):not([class*=" bx-"]):not([class^="la-"]):not([class*=" la-"]) {
    font-family: var(--rs-font-pc-safe) !important;
}

svg text {
    font-family: var(--rs-font-pc-safe) !important;
}