// $--color-primary: #409EFF !default;
// $--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default; /* 53a8ff */
// $--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default; /* 66b1ff */
// $--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default; /* 79bbff */
// $--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default; /* 8cc5ff */
// $--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default; /* a0cfff */
// $--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default; /* b3d8ff */
// $--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default; /* c6e2ff */
// $--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default; /* d9ecff */
// $--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default; /* ecf5ff */

// $--color-success: #67c23a !default;
// $--color-warning: #e6a23c !default;
// $--color-danger: #f56c6c !default;
// $--color-info: #909399 !default;

$--color-white: #fff;
/* 改变主题色变量 */
// $--color-primary: #EA635F; // 人保红色样式
// $--color-primary: #009688; // datago绿色样式
$--color-primary: #0062d0; // 银联蓝色样式

$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;

/* 改变 icon 字体路径变量，必需 */
$--font-path: '~element-ui/lib/theme-chalk/fonts';

// 将scss中的样式导出作为js中变量
:export {
  themeImgType: blue;
  // themeImgType: green;
  colorPrimary: $--color-primary;
  colorPrimaryLight1: $--color-primary-light-1;
  colorPrimaryLight2: $--color-primary-light-2;
  colorPrimaryLight3: $--color-primary-light-3;
  colorPrimaryLight4: $--color-primary-light-4;
  colorPrimaryLight5: $--color-primary-light-5;
  colorPrimaryLight6: $--color-primary-light-6;
  colorPrimaryLight7: $--color-primary-light-7;
  colorPrimaryLight8: $--color-primary-light-8;
  colorPrimaryLight9: $--color-primary-light-9;
  // colorSuccess: $--color-success,
  // colorWarning: $--color-warning,
  // colorDanger: $--color-danger,
  // colorInfo: $--color-info,
}
