/* ================================================================
   MINDSTORM — AlibabaPuHuiTi 3 product typography
   Each numeric font-weight automatically selects the nearest real face.
   ================================================================ */
@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 100;
  font-display: swap;
}

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 300;
  font-display: swap;
}

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

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

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

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-Heavy.ttf") format("truetype");
  font-style: normal;
  font-weight: 850;
  font-display: swap;
}

@font-face {
  font-family: "AlibabaPuHuiTi";
  src: url("/fonts/AlibabaPuHuiTi-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 900;
  font-display: swap;
}

:root {
  --font-product: "AlibabaPuHuiTi", "Alibaba PuHuiTi", sans-serif;
  --font-sans: var(--font-product);
  --font-ui: var(--font-product);
  --font-brand: var(--font-product);
  --font-number: var(--font-product);
  --font-mono: var(--font-product);
  --font-code: var(--font-product);
}

/*
 * Loaded last on every product page. The repeated :root specificity makes
 * this product-wide decision win over legacy component font declarations.
 */
html:root:root:root body,
html:root:root:root body *,
html:root:root:root body *::before,
html:root:root:root body *::after {
  font-family: var(--font-product) !important;
}