body {
  // 常规颜色
  --color-white: #ffffff;
  --color-bg-1: #f5f5f5;
  --color-bg-2: #f6f6f6;
  --color-bg-3: #b4bccc;
  --color-bg-4: #eef0f2;

  // 辅助色
  --color-assist: #626cee;
  --color-success: #00d485;
  --color-warning: #f5a72b;
  --color-danger: #f4333c;

  // 文字颜色
  --color-text-main: #333333;
  --color-text-base: #666666;
  --color-text-secondary: #999999;
  --color-text-extra: #cccccc;
  --color-text-icon-base: #8aa1b6;

  // 文字尺寸
  --size-text-main: 14px;
  --size-text-base: 16px;
  --size-text-title: 18px;
  --size-text-extra: 12px;

  // 边框颜色
  --color-border-line: #e8e8e8;

  // 边框圆角
  --radius-none: 0px;
  --radius-lager: 8px;
  --radius-normal: 6px;
  --radius-small: 4px;
  --radius-mini: 2px;

  // 尺寸变量
  // lager
  --size-lager-1: 400px;
  --size-lager-2: 300px;
  // normal
  --size-normal-1: 68px;
  --size-normal-2: 64px;
  // small
  --size-small-1: 38px;
  --size-small-2: 32px;
  --size-small-3: 30px;
  --size-small-4: 28px;
  --size-small-5: 26px;
  --size-small-6: 24px;
  --size-small-7: 22px;
  --size-small-8: 20px;
  // mini
  --size-mini-1: 18px;
  --size-mini-2: 16px;
  --size-mini-3: 14px;
  --size-mini-4: 12px;
  --size-mini-5: 10px;
  --size-mini-6: 8px;
  --size-mini-7: 6px;
  --size-mini-8: 4px;

  --el-button-size: 28px;
  --el-component-size-small: 28px;
}