:root {
  --trading-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", Roboto, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
}

body.trading-theme,
.trading-theme .trade-page,
.trading-theme .qdd-pro-page,
.trading-theme .qdd-pro-dialog,
.trading-theme .qdd-pro-toast,
.qdd-pro-page,
.qdd-pro-dialog,
.qdd-pro-toast {
  font-family: var(--trading-font-family);
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}

.trading-theme :is(button, input, select, textarea),
.qdd-pro-page :is(button, input, select, textarea),
.qdd-pro-dialog :is(button, input, select, textarea),
.qdd-pro-page .qdd-pro-legend {
  font-family: inherit;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "lnum" 1, "tnum" 1;
}

.trading-theme .option-countdown-dialog[data-style] .option-countdown-value {
  font-family: var(--trading-font-family);
}