@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../font/BeVietnamPro-Regular.ttf") format("truetype");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Be Vietnam Pro";
    src: url("../font/BeVietnamPro-ExtraBold.ttf") format("truetype");
    font-style: normal;
    font-weight: 800;
    font-display: swap;
}

:root {
    --tsl-font-body: "Be Vietnam Pro", Arial, sans-serif;
    --tsl-font-heading: "Be Vietnam Pro", Arial, sans-serif;
}

html,
body,
button,
input,
select,
textarea {
    font-family: var(--tsl-font-body);
}

body {
    min-width: 320px;
    font-size: 15px;
    font-weight: 400;
}

h1,
h2,
h3,
h4,
h5,
h6,
.primary-nav,
.primary-nav a,
.primary-nav button,
.mega-categories a,
.mega-categories button,
.drawer-nav a,
.drawer-nav button,
.footer-column h2 {
    font-family: var(--tsl-font-heading);
    font-weight: 800;
}

@media (max-width: 768px) {
    body {
        font-size: 14px;
    }
}