/*
 * Single UI-font contract shared by the employee, customer and freight portals.
 * Local and new-server browsers load the same immutable font binaries through
 * the same URL. System-installed fonts are only a last-resort CSS fallback.
 */
@font-face {
  font-family: "Chamshine UI SC";
  src: url("./_chamshine-fonts/NotoSansSC-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 699;
  font-display: block;
}

@font-face {
  font-family: "Chamshine UI SC";
  src: url("./_chamshine-fonts/NotoSansSC-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 950;
  font-display: block;
}

@font-face {
  font-family: "Chamshine UI JP";
  src: url("./_chamshine-fonts/NotoSansJP-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 400 699;
  font-display: block;
}

@font-face {
  font-family: "Chamshine UI JP";
  src: url("./_chamshine-fonts/NotoSansJP-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 950;
  font-display: block;
}

:root {
  --chamshine-ui-font-sc: "Chamshine UI SC", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", Arial, sans-serif;
  --chamshine-ui-font-jp: "Chamshine UI JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, "Noto Sans JP", Arial, sans-serif;
}

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

html[lang^="ja"] body {
  font-family: var(--chamshine-ui-font-jp);
}

html[lang^="zh"] :where(button, input, select, textarea, optgroup, option) {
  font-family: var(--chamshine-ui-font-sc) !important;
}

html[lang^="ja"] :where(button, input, select, textarea, optgroup, option) {
  font-family: var(--chamshine-ui-font-jp) !important;
}