@font-face {
  font-family: "HarmonyOS Sans";
  src: url("../fonts/harmonyos-sans-regular-hVNntph.woff2") format("woff2");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS Sans";
  src: url("../fonts/harmonyos-sans-medium-hir9o8q.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS Sans";
  src: url("../fonts/harmonyos-sans-medium-hir9o8q.woff2") format("woff2");
  font-style: normal;
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "HarmonyOS Sans";
  src: url("../fonts/harmonyos-sans-bold-_-rWmPi.woff2") format("woff2");
  font-style: normal;
  font-weight: 700 800;
  font-display: swap;
}

:root {
  color-scheme: light;
  --biton-font-sans: "HarmonyOS Sans", "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Arial, sans-serif;
  --biton-color-primary: #075fbd;
  --biton-color-primary-hover: #064f9c;
  --biton-color-ink: #0d0f12;
  --biton-color-muted: #5f646d;
  --biton-color-faint: #656a73;
  --biton-color-line: #e7e9ed;
  --biton-color-page: #f6f7f9;
  --biton-color-soft: #f4f4f5;
  --biton-color-surface: #fff;
  --biton-color-header: #111214;
  --biton-color-up: #067557;
  --biton-color-down: #c52d46;
  --biton-radius-button: 4px;
  --biton-radius-control: 5px;
  --biton-radius-surface: 7px;
  --biton-focus-ring: 0 0 0 3px rgba(7, 95, 189, .16);
  font-family: var(--biton-font-sans);
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --biton-color-ink: #e8eaed;
  --biton-color-muted: #a1a6ae;
  --biton-color-faint: #858b94;
  --biton-color-line: #2a2f37;
  --biton-color-page: #111419;
  --biton-color-soft: #171b21;
  --biton-color-surface: #15191f;
  --biton-color-header: #111214;
  --biton-color-up: #20b486;
  --biton-color-down: #ef6075;
}