:root {
  --size-height: 32px;
  /* 主题蓝色 */
  --primary-color: #027aff;
  --page-bg: #f2f5f9;
  --primary-hover-color: #3595ff;
  --primary-disabled-color: #81bdff;

  /* 成功颜色 */
  --success-color: #67c23a;
  --warning-color: #e6a23c;
  --danger-color: #f56c6c;
  --active-color: #4a8df0;
  /* 禁用背景颜色 */
  --disable-color: #b3b5b9;
  --light-color: #e6f2ff;
  /* 禁用文字颜色 */
  --disable-text-color: #bcbec2;
  --disable-border-color: #ebeef5;
  --sideBarWidth: 210px;

  --borderColor: #e4e7ed; /* 边框颜色灰色 */

  /* 文字颜色 */
  --text-color: rgba(0, 0, 0, 0.65);
}

$size-height: var(--size-height);

$page-bg: var(--page-bg);
// 主题蓝色
$primary-color: var(--primary-color);
$primary-hover-color: var(--primary-hover-color);
$primary-disabled-color: var(--primary-disabled-color);

// 成功颜色
$success-color: var(--success-color);
$warning-color: var(--warning-color);
$danger-color: var(--danger-color);
$active-color: var(--active-color);
// 禁用背景颜色
$disable-color: var(--disable-color);
$light-color: var(--light-color);
// 禁用文字颜色
$disable-text-color: var(--disable-text-color);
$disable-border-color: var(--disable-border-color);
$sideBarWidth: var(--sideBarWidth);

$borderColor: var(--borderColor); //边框颜色灰色

// 文字颜色
$text-color: var(--text-color);
$header-color: #000;
