:root {
  --bg: #f3f6fb;
  --surface: #ffffff;
  --surface-subtle: #f8fafc;
  --surface-strong: #eef4fb;
  --header-bg: #f8fbff;
  --hover-bg: #f4f7fb;
  --selected-bg: #edf3ff;
  --line: #dbe3ee;
  --line-strong: #c2cedd;
  --text: #0f172a;
  --text-secondary: #334155;
  --muted: #64748b;

  --market: #5b59d6;
  --market-soft: #eff0ff;
  --internal: #19815d;
  --internal-soft: #ebf8f3;
  --warning: #c98617;
  --warning-soft: #fff7e7;
  --danger: #d14343;
  --danger-soft: #fff1f1;
  --info: #2563eb;
  --info-soft: #eef4ff;
  --manual: #475569;
  --manual-soft: #f2f5f9;

  --shadow-sm: 0 2px 8px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 8px 18px rgba(15, 23, 42, 0.06);

  --radius-xs: 6px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-xl: 16px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --space-9: 40px;
  --space-10: 48px;

  --sidebar-width: 264px;
  --container-padding: 28px;
  --max-content-width: 1520px;

  --font-family: "Microsoft YaHei UI", "PingFang SC", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;

  --font-page-title: 28px;
  --font-section-title: 18px;
  --font-metric-value: 30px;
  --font-summary-value: 24px;
  --font-body: 14px;
  --font-small: 12px;

  --focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.18);
}