/*
 * CNI font-only synchronization layer shared with the commerce site.
 * It intentionally changes no colors, spacing, borders, shadows or motion.
 */

html body {
  /* Put the Windows Chinese UI fonts before Latin fallbacks.  The Desk is
     primarily used on Windows; putting Arial first makes Chinese glyphs fall
     back inconsistently and gives mixed-weight labels in the same screen. */
  --cni-font-family: "Microsoft YaHei UI", "Microsoft YaHei", "PingFang SC", Arial, sans-serif;
  font-family: var(--cni-font-family) !important;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}

html body :where(
  .jc-shell,
  .jc-kd,
  .jdf-page,
  .jdl-page,
  .jis-page,
  .cni-customer-page,
  a,
  button,
  dd,
  dt,
  figcaption,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  input,
  label,
  legend,
  li,
  p,
  select,
  summary,
  table,
  td,
  textarea,
  th
) {
  font-family: var(--cni-font-family) !important;
}

html body :where(input, select, textarea) {
  font-size: 13px !important;
  font-weight: 400 !important;
}

html body :where(
  button,
  [role="button"],
  label,
  legend,
  nav a,
  summary,
  th,
  .control-label
) {
  font-size: 13px;
  font-weight: 500 !important;
}

html body :where(h1, h2, h3, h4, h5, h6) {
  font-weight: 500 !important;
}

html body :where(strong, b) {
  font-weight: 600 !important;
}