:root {
  color-scheme: light;
  font-family:
    -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: 0;

  --color-canvas: #f4f6f7;
  --color-surface: #ffffff;
  --color-surface-muted: #eef2f3;
  --color-ink: #172027;
  --color-ink-soft: #43515a;
  --color-muted: #5a6872;
  --color-border: #c9d1d5;
  --color-border-strong: #8d9aa2;
  --color-primary: #087f73;
  --color-primary-hover: #06685f;
  --color-primary-soft: #e5f5f2;
  --color-attention: #8a5a00;
  --color-attention-soft: #fff3d6;
  --color-danger: #a61b1b;
  --color-danger-hover: #861313;
  --color-danger-soft: #fff0f0;
  --color-success: #18794e;
  --color-success-soft: #e7f6ed;
  --color-info: #175cd3;
  --color-info-soft: #eaf2ff;
  --color-focus: #005fcc;
  --color-overlay: rgb(23 32 39 / 48%);

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --control-height: 44px;
  --header-height: 60px;
  --mobile-nav-height: 64px;
  --sidebar-width: 224px;
  --content-max: 1440px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --shadow-dialog: 0 16px 40px rgb(23 32 39 / 20%);
}