// 默认主题色
$--color-primary: #0874E7!default; 
// 薰衣草紫主题色
$--color-primary-purple: #7569E2!default;
// 霞红主题色
$--color-primary-palevioletred: #CE4545!default;
// 森绿主题色
$--color-primary-forestgreen: #3D8A50!default;
// 海蓝主题色
$--color-primary-deepblue: #0F5FBD!default;
// 橙橘
$--color-primary-orange: #EA6000!default;
// 星空蓝
$--color-primary-skyblue: #1A4586!default;
// 极光蓝
$--color-primary-aurorablue: #383B9E!default;
// 蒂芙尼蓝
$--color-primary-tiffanyblue: #00AAAD!default;
// 成功色
$--color-success: #67C23A !default;
// 警告色
$--color-warning: #E6A23C !default;
// 危险色
$--color-danger: #F56C6C !default;
// color|1|Background Color|4
$--color-white: #FFFFFF !default;
/// color|1|Background Color|4
$--color-black: #000000 !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-text-primary: #333 !default;
// 文本辅助色
$--color-text-regular: #666 !default;
// 次要文本色
$--color-text-secondary: #999 !default;
// 提示色
$--color-text-placeholder: #C0C4CC !default;

// 边框色
$--border-color-base: #E3E3E3 !default;
/// color|1|Border Color|3
$--border-color-light: #E4E7ED !default;
/// color|1|Border Color|3
$--border-color-lighter: #EBEEF5 !default;
/// color|1|Border Color|3
$--border-color-extra-light: #F2F6FC !default;

// 背景色
$--background-color-base: #F5F7FA !default;

/* 链接颜色
-------------------------- */
$--link-color: $--color-primary-light-2 !default;
$--link-hover-color: $--color-primary !default;

/* Border
-------------------------- */
$--border-width-base: 1px !default;
$--border-style-base: solid !default;
$--border-color-hover: $--color-text-placeholder !default;
$--border-base: $--border-width-base $--border-style-base $--border-color-base !default;
/// borderRadius|1|Radius|0
$--border-radius-base: 4px !default;
/// borderRadius|1|Radius|0
$--border-radius-small: 2px !default;
/// borderRadius|1|Radius|0
$--border-radius-circle: 100% !default;
/// borderRadius|1|Radius|0
$--border-radius-zero: 0 !default;

// 字体大小
/// fontSize|1|Font Size|0
$--font-size-extra-large: 20px !default;
/// fontSize|1|Font Size|0
$--font-size-large: 20px !default;
/// fontSize|1|Font Size|0
$--font-size-medium: 18px !default;
/// fontSize|1|Font Size|0
$--font-size-base: 16px !default;
/// fontSize|1|Font Size|0
$--font-size-small: 13px !default;
/// fontSize|1|Font Size|0
$--font-size-extra-small: 12px !default;
/// fontLineHeight|1|Line Height|2
$--font-line-height-primary: 24px !default;
/// fontLineHeight|1|Line Height|2
$--font-line-height-secondary: 16px !default;
$--font-color-disabled-base: #bbb !default;

// 默认内边距
$--padding-base: 16px!default;
// 小边距
$--padding-small: 10px!default;
// 大边距
$--padding-large: 24px!default;

// 默认外边距
$--margin-base: 16px!default;
// 小边距
$--margin-small: 10px!default;
// 大边距
$--margin-large: 24px!default;