// 基础色
$t-color-white: #ffffff;
$t-color-black: #000000;

// 主题色
$t-color-primary: #1783E5;
$t-color-primary-disabled: #a0cfff;
$t-color-primary-dark: #2b85e4;
$t-color-primary-light: #ecf5ff;

// 警告
$t-color-warning: #F69602;
$t-color-warning-disabled: #fcbd71;
$t-color-warning-dark: #f29100;
$t-color-warning-light: #fdf6ec;

// 成功
$t-color-success: #19be6b;
$t-color-success-disabled: #71d5a1;
$t-color-success-dark: #18b566;
$t-color-success-light: #dbf1e1;

// 错误
$t-color-error: #fa3534;
$t-color-error-disabled: #fab6b6;
$t-color-error-dark: #dd6161;
$t-color-error-light: #fef0f0;

// 提示
$t-color-info: #909399;
$t-color-info-disabled: #c8c9cc;
$t-color-info-dark: #82848a;
$t-color-info-light: #f4f4f5;

// 文字颜色
$t-text-main: #303133; // 主要文字
$t-text-content: #606266; // 常规文字
$t-text-tips: #909399; // 次要文字
$t-text-light: #c0c4cc; // 占位文字
$t-text-black: #000000; // 黑色文字
$t-text-white: #ffffff; // 白色文字
$t-text-primary: $t-color-primary; // 蓝色文字
$t-text-warning: $t-color-warning; // 蓝色文字
$t-text-success: $t-color-success; // 蓝色文字
$t-text-error: $t-color-error; // 蓝色文字

:root {
    --t-color-white: #ffffff;
    --t-color-primary: #1783E5;
    --t-color-warning: #F69602;
    --t-color-success: #19be6b;
    --t-color-error: #fa3534;
    --t-color-info: #909399;
}