:root{--hub-font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;--hub-body-size:14px;--hub-label-size:12px;--hub-panel-size:18px;--hub-section-size:15px;--hub-line-height:1.65;}
/* Host visual contract. Both call management and embedded QC use this source. */
:root {
  --warn: #9b641a;
  --hub-ink: #202a30;
  --hub-muted: #626d76;
  --hub-line: #eceef1;
  --hub-bg: #f5f6f8;
  /* Legacy accent names resolve to the same restrained slate on every page. */
  --hub-green: #40515b;
  --hub-selected: #edf1f3;
  --hub-focus: #667984;
  --hub-page-size: 26px;
  --ink: var(--hub-ink);
  --muted: var(--hub-muted);
  --line: var(--hub-line);
  --bg: var(--hub-bg);
  --green: var(--hub-green);
  --surface: #fff;
  --primary: var(--green);
  --primary-dark: var(--green);
  --primary-soft: var(--hub-selected);
  --surface-subtle: #f8f9fa;
  --wash: #f8f9fa;
  --line-strong: #b8c2c9;
  --backdrop: rgb(32 42 48 / 18%);
  --chart-total: #bdcbd3;
  --chart-problem: #8099a8;
  --chart-high: #4c6878;
  --chart-pass: #304550;
  --canvas: var(--bg);
}
:root {
  --hub-control-height: 42px;
  --hub-control-font: 13px;
  --hub-control-radius: 10px;
  --hub-control-border: #dfe3e7;
  --hub-control-ink: var(--hub-ink);
  --hub-control-muted: var(--hub-muted);
}