/* TopX Terminal tokens — generated from tokens.json */
:root, [data-theme="light"] {
  --bg: #f5f6f8;
  --panel: #ffffff;
  --panel-2: #f2f4f7;
  --status-bg: #eef1f5;
  --head-bg: var(--panel-2);
  --zebra: #fafbfc;
  --hover: #edf3fc;
  --line: #dce1e8;
  --line-soft: #eceff3;
  --control-border: #7f8a9a;
  --fg: #141b26;
  --dim: #4a5567;
  --faint: #5c6779;
  --head-ink: #313b4a;
  --heading: var(--fg);
  --blue: #2558ef;
  --on-blue: #ffffff;
  --blue-hover: #1c47d4;
  --accent-soft: #e8eefd;
  --accent-ink: #1d47cf;
  --focus: var(--blue);
  --green: #007c54;
  --red: #d32146;
  --amber: #a14a00;
  --green-soft: #ebf7f1;
  --green-ink: #00633c;
  --red-soft: #fdeef1;
  --red-ink: #a61934;
  --amber-soft: #fdf4e3;
  --amber-ink: #7a4c00;
  --series-1: #2558ef;
  --series-2: #cc4d00;
  --series-3: #00865c;
  --series-4: #7c30db;
  --series-5: #db2164;
  --series-6: #8a6100;
  --series-7: #007f99;
  --series-8: #713a25;
}
[data-theme="dark"] {
  --bg: #0e1116;
  --panel: #151a21;
  --panel-2: #1b212a;
  --status-bg: #181e26;
  --zebra: #12171d;
  --hover: #1c2635;
  --line: #2a323d;
  --line-soft: #1f262f;
  --control-border: #657184;
  --fg: #e6eaf0;
  --dim: #a7b0bd;
  --faint: #8d97a5;
  --head-ink: #c7ced8;
  --blue: #6b93ff;
  --on-blue: #06121f;
  --blue-hover: #8aaaff;
  --accent-soft: #1b2a4d;
  --accent-ink: #a9c0ff;
  --green: #45d39a;
  --red: #ff7088;
  --amber: #f2a650;
  --green-soft: #0f2a20;
  --green-ink: #6fe0b0;
  --red-soft: #361820;
  --red-ink: #ff9aac;
  --amber-soft: #2f230f;
  --amber-ink: #f6c27a;
  --series-1: #6b93ff;
  --series-2: #ff8a3d;
  --series-3: #34c98f;
  --series-4: #b385ff;
  --series-5: #ff6b9a;
  --series-6: #d9a82e;
  --series-7: #3cc4dd;
  --series-8: #d0957a;
}
:root {
  --control-height: 24px;
  --control-x: 5px;
  --cell-y: 2px;
  --cell-x: 5px;
  --surface-gap: 3px;
  --group-gap: 8px;
  --block-pad: 5px;
  --topbar-height: 30px;
  --chart-main: 280px;
  --chart-mini: 160px;
  --radius-xs: 1px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --font-sans: Inter, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}
.body { font: 400 12px/16px var(--font-sans); }
.body-strong { font: 600 12px/16px var(--font-sans); }
.title { font: 650 13px/18px var(--font-sans); }
.page-title { font: 650 15px/20px var(--font-sans); }
.num { font: 400 12px/16px var(--font-mono); font-variant-numeric: tabular-nums; }
.num-key { font: 650 14px/18px var(--font-mono); font-variant-numeric: tabular-nums; }
.num-hero { font: 650 20px/24px var(--font-mono); font-variant-numeric: tabular-nums; }
.unit { font: 400 11px/14px var(--font-mono); letter-spacing: 0.04em; font-variant-numeric: tabular-nums; }