:root {
  color-scheme: light;
  --color-canvas: #f3f6f7;
  --color-surface: #ffffff;
  --color-surface-strong: #edf3f4;
  --color-border: #d8e0e3;
  --color-border-strong: #a8b6bc;
  --color-text: #17252c;
  --color-text-muted: #607079;
  --color-primary: #0c6f78;
  --color-primary-strong: #07565e;
  --color-primary-soft: #dceff0;
  --color-accent: #a95d1a;
  --color-accent-soft: #faead8;
  --color-danger: #b43b3a;
  --color-danger-soft: #fbe4e2;
  --color-success: #21724f;
  --color-success-soft: #dff1e6;
  --color-info: #29689f;
  --color-info-soft: #e0edf8;
  --shadow-panel: 0 1px 2px rgb(22 38 45 / 7%), 0 8px 20px rgb(22 38 45 / 5%);
  --font-sans: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --radius-sm: 5px;
  --radius-md: 8px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 28px;
  --space-8: 32px;
  --content-width: 1440px;
}