@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("../assets/fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}

/* One project family, exactly two real local faces. No synthetic/intermediate weights. */
@font-face {
  font-family: "HarmonyOS Sans SC";
  src: url("../assets/fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}

:root {
  --gaip-global-font: "HarmonyOS Sans SC", sans-serif;
  --gaip-modal-title-font: var(--gaip-global-font);
  --gaip-global-font-weight: 400;
  --gaip-font-size-micro: 10px;
  --gaip-font-size-small: 12px;
  --gaip-font-size-base: 14px;
  --gaip-font-size-large: 16px;
  --gaip-font-size-title: 18px;
  --gaip-scrollbar-thumb: rgba(47, 54, 64, 0.32);
  --gaip-scrollbar-track: transparent;
}

html {
  font-synthesis: none;
}

html,
body,
button,
input,
textarea,
select,
option {
  font-family: var(--gaip-global-font) !important;
  font-weight: var(--gaip-global-font-weight) !important;
}

/* Shared title typography belongs to global-modal.css, including text wrappers. */
body *:not(.iconfont):not([class^="iconfont-"]):not([class*=" iconfont-"]):not(:where(.gaip-modal__title, .gaip-modal__title *)) {
  font-family: var(--gaip-global-font) !important;
  font-weight: var(--gaip-global-font-weight) !important;
}

/* Standard native scrollbars only: platform owns width, visibility and hover.
   Do not mix in WebKit pixel geometry or promise persistent overlay thumbs. */
html,
body,
body * {
  scrollbar-width: auto !important;
  scrollbar-color: var(--gaip-scrollbar-thumb) var(--gaip-scrollbar-track) !important;
  scrollbar-gutter: auto !important;
}
