:root {
  --cn-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --cn-font-display: var(--cn-font-family);
  --cn-text-title: clamp(1.5rem, 1.2rem + .6vw, 2rem);
  --cn-text-section: 1rem;
  --cn-text-body: .9375rem;
  --cn-text-label: .875rem;
  --cn-text-meta: .8125rem;
  --cn-text-value: 2rem;
  --cn-leading-title: 1.25;
  --cn-leading-body: 1.6;
  --cn-space-1: 4px;
  --cn-space-2: 8px;
  --cn-space-3: 12px;
  --cn-space-4: 16px;
  --cn-space-5: 24px;
  --cn-space-6: 32px;
  --cn-space-7: 48px;
  --cn-page-width: 1120px;
  --cn-form-width: 560px;
  --cn-ink: #1d1d1f;
  --cn-muted: #6e6e73;
  --cn-subtle: #86868b;
  --cn-surface: #ffffff;
  --cn-background: #f5f5f7;
  --cn-sidebar: #fbfbfd;
  --cn-border: #d2d2d7;
  --cn-divider: #e5e5ea;
  --cn-blue: #0071e3;
  --cn-blue-soft: #e8f2ff;
  --cn-green: #248a4b;
  --cn-red: #c93434;
  --cn-control-height: 42px;
  --cn-control-hover: #fafafa;
  --cn-control-disabled: #f5f5f7;
  --cn-focus-ring: #0071e347;
  --cn-scroll-thumb: #b6b6be;
  --cn-shadow-menu: 0 12px 40px #1d1d1f1a, 0 2px 8px #1d1d1f0a;
  --cn-shadow-dialog: 0 24px 80px #1d1d1f26;
  --cn-motion-fast: 140ms;
  --cn-radius-sm: 9px;
  --cn-radius-md: 14px;
  --cn-radius-lg: 18px;
}
