/* Shared typography contract from the approved visual pilot. */
@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/assets/user/fonts/HarmonyOS_SansSC_Regular.woff2?v=20260919-1") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/assets/user/fonts/HarmonyOS_SansSC_Medium.woff2?v=20260919-1") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/assets/user/fonts/HarmonyOS_SansSC_Semibold.woff2?v=20260919-1") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}

@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("/assets/user/fonts/HarmonyOS_SansSC_Bold.woff2?v=20260919-1") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --site-font-sans: "HarmonyOS Sans SC", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  --site-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --font-site: var(--site-font-sans);
}

html,
body,
.homepage-pilot,
.storefront-shell-page,
.pilot-register-page,
.auth-page,
.zhy-tool-shell,
.tutorial-home,
.tutorial-article,
.postWrap,
.toastui-editor-contents {
  font-family: var(--site-font-sans) !important;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

button,
input,
select,
textarea,
option,
optgroup,
table,
summary {
  font-family: var(--site-font-sans) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.hero-title,
.section-heading,
.panel-title,
.auth-title,
.postTitle {
  font-family: var(--site-font-sans) !important;
  font-weight: 700;
}

button,
.btn,
.button,
.nav-link,
.storefront-nav-link,
.zhy-site-nav__link,
strong,
b,
label,
th {
  font-weight: 600;
}

.price,
.stock,
.cover-card__price-block,
.cover-card__stock-block,
[data-price],
[data-stock] {
  font-variant-numeric: tabular-nums;
}

code,
pre,
kbd,
samp,
.mono {
  font-family: var(--site-font-mono) !important;
}

/* Icon glyphs keep their own icon-font declarations. */
.fa,
.fas,
.far,
.fal,
.fad,
.fab,
.fa-solid,
.fa-regular,
.fa-light,
.fa-thin,
.fa-duotone,
.fa-brands,
.layui-icon,
[class^="icon-"],
[class*=" icon-"] {
  font-synthesis: initial;
}