@import "./size-var.css";
@import "./size.css";
@import "./frame.css";
@import "./color-var.css";
/* 以上是manrope https://zktx07alin.larksuite.com/wiki/C3g2wzKbei4PiDkm2iSuOFqTsGf*/

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Black.ttf) format("truetype");
  font-weight: 800;
}

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Bold.ttf) format("truetype");
  font-weight: 700;
}

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Medium.ttf) format("truetype");
  font-weight: 600;
}

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Medium.ttf) format("truetype");
  font-weight: 500;
}

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Regular.ttf) format("truetype");
  font-weight: 400;
}

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Light.ttf) format("truetype");
  font-weight: 300;
}

@font-face {
  font-family: Roboto;
  src: url(/static/asset/font/Roboto-Thin.ttf) format("truetype");
  font-weight: 200;
}


@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Bold.ttf) format('truetype');
  font-weight: 800;
}

@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Bold.ttf) format('truetype');
  font-weight: 700;
}

@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Medium.ttf) format('truetype');
  font-weight: 600;
}

@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Medium.ttf) format('truetype');
  font-weight: 500;
}

@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Regular.ttf) format('truetype');
  font-weight: 400;
}

@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Regular.ttf) format('truetype');
  font-weight: 300;
}

@font-face {
  font-family: HarmonyOS_Sans;
  src: url(/static/asset/font/HarmonyOS-Sans-Regular.ttf) format('truetype');
  font-weight: 200;
}



/* 以上是Roboto */
:root,
:root.theme-dark {
  --text-primary: var(--neutral-50);
  --text-secondary: var(--neutral-600);
  --text-tertiary: var(--neutral-700);
  --text-white: var(--neutral-50); /* 固定白色，白色模式下也是白色 */
  --text-black: var(--neutral-1000); /* 固定黑色，白色模式下也是黑色 */
  --text-white-black: var(--neutral-50); /* 小站白色，主站黑色 */
  --text-brand-default: var(--brand-500);
  --text-brand-hover: var(--brand-400);
  --text-brand-press: var(--brand-600);
  --text-brand-disable: var(--brand-800);
  --text-green: var(--green-500);
  --text-red: var(--red-500);

  --bg-primary: var(--neutral-1300);
  --bg-secondary: var(--neutral-1200);
  --bg-tertiary: var(--neutral-1100);

  /* 组件填充色 */
  --fill-fill-input: var(--neutral-1100);
  --fill-fill-select: var(--neutral-1100);
  --fill-fill-dropdown: var(--neutral-1100);
  --fill-fill-switch: var(--neutral-900);
  --fill-fill-slider: var(--neutral-900);
  --fill-fill-tooltip: var(--neutral-900);
  --fill-fill-hover: var(--neutral-900);
  --fill-fill-modal: var(--neutral-1200);
  --fill-fill-mask: rgba(0, 0, 0, 0.7);

  /* tag填充色 */
  --fill-tag-brand: var(--brand-900);
  --fill-tag-blue: var(--blue-900);
  --fill-tag-green: var(--green-900);
  --fill-tag-red: var(--red-900);
  --fill-tag-gray: var(--neutral-900);

  /* 按钮填充色 */
  --fill-button-primary-default: var(--brand-500);
  --fill-button-primary-hover: var(--brand-400);
  --fill-button-primary-press: var(--brand-600);
  --fill-button-primary-disabled: var(--brand-800);
  --fill-button-green-default: var(--green-500);
  --fill-button-green-hover: var(--green-400);
  --fill-button-green-press: var(--green-600);
  --fill-button-green-disabled: var(--green-800);
  --fill-button-red-default: var(--red-500);
  --fill-button-red-hover: var(--red-400);
  --fill-button-red-press: var(--red-600);
  --fill-button-red-disabled: var(--red-800);
  --fill-button-second-default: var(--neutral-1100);

  /* 线段颜色 */
  --divider-primary: var(--neutral-1000);
  --divider-second: var(--neutral-1100);
  --divider-tertiary: var(--neutral-1400);
  --border-default: var(--neutral-1000);
  --border-hover: var(--brand-500);
  /* 功能性颜色 */
  --function-brand: var(--brand-500);
  --function-blue: var(--blue-500);
  --function-green: var(--green-500);
  --function-red: var(--red-500);
  --function-orange: var(--orange-500);

  /* 以下的变量暂时不删除，可以共存 */
  /* Base color definitions */
  --color-transparent: transparent;
  --color-white: #fff;
  --color-black: #000;
  --color-brand: #0173e5;
  --color-brand-iconbg: #003060; /*  后续可用--fill-tag-brand替换 */
  --color-brand-hover: rgba(1, 115, 229, 0.6);
  --color-brand-press: rgba(1, 115, 229, 0.8);
  --color-brand-linear: linear-gradient(90deg, #3ef2c9 0%, #2094ff 100%);

  --bg-03: #333; /* notify的背景色、model框input的填充色、tooltip的背景色 */
  --bg-04: #3a3a3a; /* 为整体背景色 */
  --bg-05: #383838;

  --long: #00a667;
  --long-bg: rgba(38, 242, 209, 0.08);
  --long-opacity: rgba(36, 174, 100, 0.08);
  --long-opacity-10: rgba(38, 242, 209, 0.1);
  --long-opacity-20: rgba(38, 242, 209, 0.2);
  --long-opacity-75: rgb(0, 166, 103, 0.75);
  --long-gradient: rgba(36, 174, 100, 0);
  --long-gradient-light: rgba(36, 174, 100, 0.15);
  --short: #ff1831;
  --short-bg: rgba(229, 76, 103, 0.12);
  --short-opacity: rgba(224, 64, 64, 0.08);
  --short-opacity-10: rgba(227, 71, 96, 0.1);
  --short-opacity-20: rgba(246, 70, 93, 0.15);
  --short-opacity-75: rgba(224, 64, 64, 0.75);
  --short-gradient: rgba(224, 64, 64, 0);
  --short-gradient-light: rgba(224, 64, 64, 0.15);

  /* Gray color definitions */
  --gray-03: rgba(255, 255, 255, 0.2);
  --gray-08: rgba(255, 255, 255, 0.85);

  /* box shadow */
  --popover-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);

  /* tradingview-color 不建议用rgba */
  --re-tv-color-platform-background: #111;
  --re-tv-color-vert-grid: #1c2129;
  --re-tv-color-horz-grid: #1c2129;
  --re-tv-color-cross-hair: #989898;
  --re-tv-main-color: #444;
  --re-tv-text-color: #9e9e9e;
  --re-tv-color-blue: #5884d0;
  --re-tv-color-blue-0: #181a22;
}

:root.theme-dark.greenUpRedDown {
  --long: #2AAC79;
  --long-bg: rgba(38, 242, 209, 0.08);
  --long-opacity: rgba(36, 174, 100, 0.08);
  --long-opacity-10: rgba(38, 242, 209, 0.1);
  --long-opacity-20: rgba(38, 242, 209, 0.2);
  --long-opacity-75: rgb(0, 166, 103, 0.75);
  --long-gradient: rgba(36, 174, 100, 0);
  --long-gradient-light: rgba(36, 174, 100, 0.15);
  --short: #E85461;
  --short-bg: rgba(229, 76, 103, 0.12);
  --short-opacity: rgba(224, 64, 64, 0.08);
  --short-opacity-10: rgba(246, 70, 93, 0.1);
  --short-opacity-20: rgba(246, 70, 93, 0.15);
  --short-opacity-75: rgba(224, 64, 64, 0.75);
  --short-gradient: rgba(224, 64, 64, 0);
  --short-gradient-light: rgba(224, 64, 64, 0.15);
}

:root.theme-dark.redUpGreenDown {
    --long: #E85461;
    --long-bg: rgba(229, 76, 103, 0.12);
    --long-opacity: rgba(224, 64, 64, 0.08);
    --long-opacity-10: rgba(246, 70, 93, 0.1);
    --long-opacity-20: rgba(246, 70, 93, 0.15);
    --long-opacity-75: rgba(224, 64, 64, 0.75);
    --long-gradient: rgba(36, 174, 100, 0);
    --long-gradient-light: rgba(224, 64, 64, 0.15);
    --short: #2AAC79;
    --short-bg: rgba(38, 242, 209, 0.08);
    --short-opacity: rgba(36, 174, 100, 0.08);
    --short-opacity-10: rgba(38, 242, 209, 0.1);
    --short-opacity-20: rgba(38, 242, 209, 0.2);
    --short-opacity-75: rgb(0, 166, 103, 0.75);
    --short-gradient: rgba(224, 64, 64, 0);
    --short-gradient-light: rgba(36, 174, 100, 0.15);
  }

  :root.theme-dark.redUpBlueDown {
    --long: #E85461;
      --long-bg: rgba(229, 76, 103, 0.12);
      --long-opacity: rgba(224, 64, 64, 0.08);
      --long-opacity-10: rgba(246, 70, 93, 0.1);
      --long-opacity-20: rgba(246, 70, 93, 0.15);
      --long-opacity-75: rgba(224, 64, 64, 0.75);
      --long-gradient: rgba(224, 64, 64, 0);
      --long-gradient-light: rgba(224, 64, 64, 0.15);
      --short: #348FEA;
      --short-bg: rgba(52, 143, 234, 0.08);
      --short-opacity: rgba(52, 143, 234, 0.08);
      --short-opacity-10: rgba(52, 143, 2349, 0.1);
      --short-opacity-15: rgba(52, 143, 234, 0.15);
      --short-opacity-20: rgba(52, 143, 234, 0.15);
      --short-opacity-75: rgb(52, 143, 234, 0.75);
      --short-gradient: rgba(36, 174, 100, 0);
      --short-gradient-light: rgba(52, 143, 234, 0.15);
    }

::selection {
  color: #fff !important;
  background: #000 !important;
}
body {
  font-family: var(--re-font-family) !important;
}