:root {
  color-scheme: light;
  --color-primary: #176b70;
  --color-primary-hover: #12585d;
  --color-on-primary: #ffffff;
  --color-canvas: #f3f6f6;
  --color-surface: #ffffff;
  --color-surface-subtle: #f7f9f9;
  --color-text: #172a2d;
  --color-muted: #5d7073;
  --color-border: #d8e2e3;
  --color-border-strong: #b9cacc;
  --color-success: #18794e;
  --color-success-soft: #edf8f1;
  --color-warning: #9a5b0b;
  --color-warning-soft: #fff6e8;
  --color-info: #155a60;
  --color-info-soft: #eff8f8;
  --color-danger: #b42318;
  --color-danger-hover: #912018;
  --color-danger-soft: #fff1ef;
  --color-focus: #176b70;
  --color-scrollbar-thumb: #9eafb1;
  --color-scrollbar-track: #edf1f1;
  --font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --font-size-body: 14px;
  --line-height-body: 1.55;
  --font-size-mono: 12px;
  --line-height-mono: 1.5;
  --layout-page-max: 1440px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --shadow-card: 0 1px 3px rgb(23 42 45 / 5%), 0 8px 24px rgb(23 42 45 / 3%);
}