/* Ant Design 5 设计变量（阿里开源设计规范） */
:root {
  /* 色彩 */
  --color-bg: #f5f5f5;
  --color-surface: #ffffff;
  --color-surface-2: #fafafa;
  --color-border: #f0f0f0;
  --color-border-strong: #d9d9d9;
  --color-text: rgba(0, 0, 0, 0.88);
  --color-text-2: rgba(0, 0, 0, 0.65);
  --color-text-3: rgba(0, 0, 0, 0.45);
  --color-primary: #1677ff;
  --color-primary-hover: #4096ff;
  --color-primary-active: #0958d9;
  --color-primary-weak: #e6f4ff;
  --color-danger: #ff4d4f;
  --color-warn: #faad14;
  --color-ok: #52c41a;

  /* 尺寸 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;

  --radius-1: 6px;
  --radius-2: 8px;
  --radius-3: 12px;

  --font-xs: 12px;
  --font-sm: 13px;
  --font-md: 14px;
  --font-lg: 16px;
  --font-xl: 20px;

  --control-h: 32px;
  --header-h: 64px;
  --list-w: 320px;

  /* 阴影 */
  --shadow-1: 0 1px 2px 0 rgba(0, 0, 0, 0.03), 0 1px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px 0 rgba(0, 0, 0, 0.02);
  --shadow-2: 0 6px 16px 0 rgba(0, 0, 0, 0.08), 0 3px 6px -4px rgba(0, 0, 0, 0.12), 0 9px 28px 8px rgba(0, 0, 0, 0.05);

  --z-modal: 1000;
}