/*
 * Inter — self-hosted (thay cho https://rsms.me/inter/inter.css)
 * Chỉ nạp font biến thiên (variable). App dùng family "Inter var".
 * Khai báo thêm alias "InterVariable" và "Inter" trỏ về cùng file để phủ
 * chuỗi fallback trong tailwind.app.config.js.
 * File font: /fonts/inter/font-files/InterVariable*.woff2
 */
@font-face {
    font-family: "Inter var";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("font-files/InterVariable.woff2") format("woff2");
}
@font-face {
    font-family: "Inter var";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("font-files/InterVariable-Italic.woff2") format("woff2");
}
@font-face {
    font-family: "InterVariable";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("font-files/InterVariable.woff2") format("woff2");
}
@font-face {
    font-family: "InterVariable";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("font-files/InterVariable-Italic.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url("font-files/InterVariable.woff2") format("woff2");
}
@font-face {
    font-family: "Inter";
    font-style: italic;
    font-weight: 100 900;
    font-display: swap;
    src: url("font-files/InterVariable-Italic.woff2") format("woff2");
}