@use './variables.scss' as *;

:root {
  //背景色
  --el-background-color: #f6f8f9;
  //菜单背景色
  --el-menu-background-color: #282c34;
  //菜单文字颜色
  --el-menu-color-text: #ffffff;
  
  // 主题色
  --el-color-primary: #{$base-color-primary};
  --el-color-primary-light-1: #{$vab-color-primary-light-1};
  --el-color-primary-light-2: #{$vab-color-primary-light-2};
  --el-color-primary-light-3: #{$vab-color-primary-light-3};
  --el-color-primary-light-4: #{$vab-color-primary-light-4};
  --el-color-primary-light-5: #{$vab-color-primary-light-5};
  --el-color-primary-light-6: #{$vab-color-primary-light-6};
  --el-color-primary-light-7: #{$vab-color-primary-light-7};
  --el-color-primary-light-8: #{$vab-color-primary-light-8};
  --el-color-primary-light-9: #{$vab-color-primary-light-9};
  
  // 成功色
  --el-color-success: #{$base-color-success};
  --el-color-success-light: #{$vab-color-success-light};
  --el-color-success-lighter: #{$vab-color-success-lighter};
  
  // 白色
  --el-color-white: #ffffff;
  
  --el-color-warning: #{$base-color-warning};
  --el-color-danger: #{$base-color-danger};
  
  --el-transition-duration: 0.25s;
  --el-transition: all var(--el-transition-duration) cubic-bezier(0.42, 0, 0.58, 1);
}