@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

:root {
    --site-font: 'Inter', ui-sans-serif, -apple-system, BlinkMacSystemFont,
        'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
}

html,
body {
    font-family: var(--site-font) !important;
    font-weight: 400;
    font-synthesis: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
}

/* Áp dụng Inter đồng nhất cho toàn bộ giao diện và thành phần Bootstrap. */
body *:not(.fas):not(.far):not(.fab):not(.fa):not([class^='fa-']):not([class*=' fa-']) {
    font-family: var(--site-font) !important;
}

input,
button,
select,
textarea,
option,
optgroup,
.form-control,
.form-select,
.btn,
.dropdown-menu,
.dropdown-item,
.modal,
.tooltip,
.popover,
table,
th,
td {
    font-family: var(--site-font) !important;
}

/* Trọng lượng gần phong cách sidebar ChatGPT. */
body,
p,
span,
div,
a,
label,
input,
select,
textarea,
button,
td {
    font-weight: 400;
}

strong,
b,
.fw-bold,
.fw-semibold,
h1,
h2,
h3,
h4,
h5,
h6 {
    letter-spacing: -0.015em;
}

/* Không làm hỏng icon Font Awesome. */
.fas,
.far,
.fa,
[class^='fa-'],
[class*=' fa-'] {
    font-family: 'Font Awesome 6 Free' !important;
}
.fab {
    font-family: 'Font Awesome 6 Brands' !important;
}

/* Giữ font monospace cho mã nguồn và mã định danh. */
code,
pre,
kbd,
samp,
.cat-code {
    font-family: Monaco, Menlo, Consolas, 'Courier New', monospace !important;
}