@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('../fonts/inter-vietnamese.woff2') format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('../fonts/inter-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --tingiaxe-font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--tingiaxe-font-sans) !important;
    letter-spacing: 0;
}

.site-shell,
.site-shell *,
.site-header,
.site-header *,
.site-footer,
.site-footer *,
.article-card,
.article-card *,
.article-content,
.article-content *,
.article-sidebar,
.article-sidebar *,
.search-dropdown,
.search-dropdown *,
.mobile-menu-panel,
.mobile-menu-panel *,
.premium-card,
.premium-card *,
.toc-card,
.toc-card *,
.related-card,
.related-card *,
.related-tool-link,
.search-input,
.nav-link,
.mobile-nav-link {
    font-family: var(--tingiaxe-font-sans) !important;
    letter-spacing: 0;
}

/* Safeguard SVG elements from using Inter font */
svg,
svg * {
    font-family: initial !important;
}

/* Safeguard Dashicons */
.dashicons,
.dashicons::before,
[class^="dashicons-"]::before,
[class*=" dashicons-"]::before {
    font-family: dashicons !important;
}

/* Feedback section gradient button styling */
.tgx-btn-gradient {
    background: linear-gradient(135deg, #2563EB, #06B6D4) !important;
    color: #FFFFFF !important;
    box-shadow: 0 8px 20px rgba(37,99,235,.18) !important;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}
.tgx-btn-gradient:hover,
.tgx-btn-gradient:focus-visible {
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 26px rgba(37,99,235,.22) !important;
    color: #FFFFFF !important;
}