:root {
  //color变量
  // --color-primary: #3a7afe;
  --color-primary: #613cc4;
  --color-primary-soft: #615fff;
  --color-secondary: #bd34fe;
  --color-warning: #ff9f00;
  --color-danger: #e4393c;
  --color-info: #00afef;
  --color-success: #00c48f;
  --color-default: #606266;
  --color-bg: #f2f3f5;
  --color-border: #eee;
  --color-w: #fff;
  --color-b: #000;
  --color-t: transparent;
  --bg-color: var(--color-w);
  //长度变量
  --space-base: 4px;
  --padding-base: 4px;
  --margin-base: 4px;
  --border-radius-base: 4px;
  //阴影
  --box-shade-base: 0 0 12px rgba(0, 0, 0, 0.12);
  // font
  --font-size-base: 14px;
  --font-size-L: 16px;

  --el-color-primary: var(--color-primary);
  --el-color-primary-light-3: var(--color-primary-soft);
  --el-text-color-secondary: #394d73;
}

:root.dark {
  --bg-color: var(--color-b);
}