/* Virtus Ways brand typography (SoT: homepage).
   EN: Benton Sans (+ Libre Franklin fallback)
   ZH: MHei HK
   Base size: 16px; mobile A/A/A uses --vip-mobile-font-scale on html. */

@font-face {
  font-family: "Benton Sans";
  src: url("/assets/fonts/benton-sans/web/BentonSans-Regular.otf") format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benton Sans";
  src: url("/assets/fonts/benton-sans/web/BentonSans-Bold.otf") format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benton Sans";
  src: url("/assets/fonts/benton-sans/web/BentonSans-Bold.otf") format("opentype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Benton Sans";
  src: url("/assets/fonts/benton-sans/web/BentonSans-Bold.otf") format("opentype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin/web/LibreFranklin-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin/web/LibreFranklin-Bold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin/web/LibreFranklin-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Libre Franklin";
  src: url("/assets/fonts/libre-franklin/web/LibreFranklin-Bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MHei HK";
  src: url("/assets/fonts/mhei-hk/web/MHeiHK-Light.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MHei HK";
  src: url("/assets/fonts/mhei-hk/web/MHeiHK-Medium.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MHei HK";
  src: url("/assets/fonts/mhei-hk/web/MHeiHK-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MHei HK";
  src: url("/assets/fonts/mhei-hk/web/MHeiHK-Bold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MHei HK";
  src: url("/assets/fonts/mhei-hk/web/MHeiHK-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "MHei HK";
  src: url("/assets/fonts/mhei-hk/web/MHeiHK-Xbold.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-en: "Benton Sans", "Libre Franklin", Arial, sans-serif;
  --font-zh: "MHei HK", "Microsoft JhengHei", "PingFang TC", sans-serif;
  --font-body: "Benton Sans", "MHei HK", "Libre Franklin", Arial, sans-serif;
  --font-body-zh: "MHei HK", "Microsoft JhengHei", "PingFang TC", "Benton Sans", "Libre Franklin", Arial, sans-serif;
  --font-size-base: 16px;
}

html {
  font-size: var(--font-size-base);
}

@media (max-width: 600px) {
  html {
    font-size: calc(var(--font-size-base) * var(--vip-mobile-font-scale, 1));
  }
}

body {
  font-family: var(--font-body);
  -webkit-font-smoothing: antialiased;
}

html[lang^="zh"] body {
  font-family: var(--font-body-zh);
}