@font-face {
  font-family: "Muvail Source Han Sans";
  src: url("assets/fonts/NotoSansSC-VF.woff2?v=20260726-2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 200 900;
}

@font-face {
  font-family: "Muvail Yuye Yijun";
  src: url("assets/fonts/YuYeYiJun.ttf?v=20260726-1") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

:root {
  --muvail-site-font: "Muvail Source Han Sans", "Source Han Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", sans-serif;
}

body,
body * {
  font-family: var(--muvail-site-font) !important;
}

body {
  font-weight: 400;
  font-synthesis: none;
}

body :where(h1, h2) {
  font-weight: 700;
}

body :where(h3, h4, h5, h6, strong, b, button, .button, .nav a, .mobile-nav a) {
  font-weight: 600;
}

body :where(p, li, dd, dt, label, input, textarea, select, option, th, td) {
  font-weight: 400;
}

body :where(small, .section-kicker, .eyebrow, .value-mark__index, .muted) {
  font-weight: 350;
}

body :where(kbd, code, pre, samp) {
  font-weight: 550;
}

/* Keep the brand typography clear and restrained across the site. */
body .brand__name,
body .brand__name * {
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif !important;
}

body .hero-brand-lockup__name,
body .hero-brand-lockup__name * {
  font-family: var(--muvail-site-font) !important;
  font-weight: 350 !important;
  letter-spacing: -0.025em;
}

html:not([data-lang="en"]) body.home-page .demo-hand-guide strong,
html:not([data-lang="en"]) body.home-page .demo-hand-guide strong * {
  font-family: "Muvail Yuye Yijun", "Muvail Source Han Sans", sans-serif !important;
  font-weight: 400;
}

html[data-lang="en"] body .hero-brand-lockup__name,
html[data-lang="en"] body .hero-brand-lockup__name * {
  font-family: Inter, ui-sans-serif, sans-serif !important;
}

html[data-lang="en"] body .hero-brand-lockup__name,
html[data-lang="en"] body .hero-brand-lockup__name * {
  font-weight: 620 !important;
}
