:root {
  --cc-font-sans: "Microsoft YaHei UI", "Noto Sans CJK SC", sans-serif;
  --cc-font-mono: "Cascadia Mono", "SFMono-Regular", monospace;
  --cc-canvas: #f4f6f5;
  --cc-surface: #ffffff;
  --cc-surface-muted: #f8faf9;
  --cc-surface-strong: #edf2ef;
  --cc-ink: #17211d;
  --cc-ink-soft: #52605a;
  --cc-ink-faint: #7b8781;
  --cc-line: #d9e0dc;
  --cc-line-strong: #bac6c0;
  --cc-nav: #182722;
  --cc-nav-hover: #243832;
  --cc-nav-active: #31584b;
  --cc-accent: #176b50;
  --cc-accent-strong: #0f573f;
  --cc-accent-soft: #e5f1ec;
  --cc-blue: #286f91;
  --cc-blue-soft: #e6f1f6;
  --cc-danger: #ae3e4b;
  --cc-danger-soft: #f9e9eb;
  --cc-warning: #946100;
  --cc-warning-soft: #fbf1d9;
  --cc-shadow-float: 0 16px 42px rgba(21, 39, 32, 0.16);
  --cc-radius-sm: 3px;
  --cc-radius-md: 6px;
  --cc-nav-width: 224px;
  --cc-topbar-height: 58px;
  --cc-viewbar-height: 46px;
  --cc-control-height: 34px;
  --cc-touch-size: 44px;
  --cc-content-max: 1512px;
}