@use "sass:color";

/**
 * @description 全局主题变量配置
 */
$base-color-primary: #4e88f3;
$base-color-success: #13ce66;
$base-color-warning: #e6a23c;
$base-color-danger: #fd4e4e;
$base-color-error: #fd4e4e;
$base-color-text: #909399;

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

$vab-color-success: $base-color-success;
$vab-color-success-light: color.mix(white, $base-color-success, 80%);
$vab-color-success-lighter: color.mix(white, $base-color-success, 90%);