:root{
  --zd-color-bg: #0e1116;
  --zd-color-bg-soft: #141922;
  --zd-color-brand: #2fd4c4;
  --zd-color-brand-2: #38b6ff;
  --zd-color-brand-ink: #062b2a;
  --zd-color-err: #ff6b6b;
  --zd-color-fg: #e8edf5;
  --zd-color-fg-soft: #b8c2d3;
  --zd-color-line: #26303f;
  --zd-color-muted: #7d8798;
  --zd-color-ok: #3ddc97;
  --zd-color-panel: #171d27;
  --zd-color-panel-2: #1e2532;
  --zd-color-warn: #f2c14e;
  --zd-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --zd-font-sans: system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --zd-font-size: 14px;
  --zd-line: 1.6;
  --zd-radius: 10px;
  --zd-radius-lg: 16px;
  --zd-radius-sm: 6px;
  --zd-shadow-1: 0 1px 2px rgba(0,0,0,.30);
  --zd-shadow-2: 0 8px 28px rgba(0,0,0,.38);
  --zd-spacing-1: 4px;
  --zd-spacing-2: 8px;
  --zd-spacing-3: 12px;
  --zd-spacing-4: 16px;
  --zd-spacing-5: 24px;
  --zd-spacing-6: 32px;
}