@import '../color/light-palette';

/**
  * 浅色主题颜色变量集
  * 所有基础分类变量根据 Design Token 规范定义，已包含所有移动云规范颜色，请勿私自修改
  * 组件开发者可以引用基础分类 token，定义组件场景的 token 变量，方便后期维护，统一管理
  * 命名规则： color-[场景]-[属性]-[等级]-[状态]
  * 各组件内颜色样式请严格使用以下变量，不要直接使用颜色值
  * 具体色值定义在 color/light-palette.less 中
*/

// ------------- 基础分类 token 变量 start  ------------------------/

// 基础品牌色
@color-brand-primary: @blue-600;  // 品牌色1|常规
@color-brand-press: @blue-700;  // 品牌色2|点击
@color-brand-hover: @blue-500;  // 品牌色3|悬浮

@color-brand-primary-sec: @gray-100; // 品牌色二级
@color-brand-press-sec: @color-brand-primary-sec; // 品牌色二级点击
@color-brand-hover-sec: @color-brand-primary-sec; // 品牌色二级悬停


// 功能色
@color-functional-normal: @color-brand-primary;  // 正常
@color-functional-success: @green-500;  // 成功
@color-functional-fail: @red-500;  // 失败
@color-functional-warning: @orange-400;  // 警告
@color-functional-processing: @color-brand-primary;  // 进行中
@color-functional-pause: @gray-600;  // 未进行/暂停
@color-functional-white: @white;  // 白色
@color-functional-danger-hover: @red-300;  // 危险hover
@color-functional-danger-press: @red-600;  // 危险press


// 辅助色
@color-complementary-1: @font-950;  // 辅助色1
@color-complementary-2: @gray-200;  // 辅助色2
@color-complementary-3: @font-900;  // 辅助色3
@color-complementary-4: @font-800;  // 辅助色4
@color-complementary-5: @font-600;  // 辅助色5
@color-complementary-6: @font-300;  // 辅助色6
@color-complementary-7: @gray-300;  // 辅助色7 ★待定
@color-complementary-8: @font-50;  // 辅助色8 ★待定
@color-complementary-9: @gray-50;  // 辅助色9 ★待定
@color-complementary-10: @color-functional-white;  // 辅助色10，为了同步深色主题新增的变量
@color-complementary-11: @color-complementary-1;  // 辅助色11，为了同步深色主题新增的变量
@color-complementary-12: @font-500; //辅助色，用于checkbox ★待定
@color-complementary-13: @font-400; //辅助色，collapse ★待定
@color-complementary-14: @color-functional-processing; //辅助色，tag bg
@color-complementary-15: @color-functional-white; //辅助色，tag drak模式 font color
@color-complementary-16: @color-functional-success; //辅助色，tag drak模式 success bg
@color-complementary-17: @color-functional-white; //辅助色，tag drak模式 success font color
@color-complementary-18: @color-functional-fail; //辅助色，tag drak模式 error bg
@color-complementary-19: @color-functional-white; //辅助色，tag drak模式 error font color
@color-complementary-20: @color-functional-warning; //辅助色，tag drak模式 warning bg
@color-complementary-21: @color-functional-white; //辅助色，tag drak模式 warning font color
@color-complementary-22: @font-200; //辅助色，分页器，省略号color ★待定
@color-complementary-23: @color-functional-white;
@color-complementary-24: @color-complementary-3;
@color-complementary-25: @title-color;


// 背景色
@color-bg-page: @gray-50;  // 页面背景色
@color-bg-table-head: @color-brand-primary-sec; // 表头背景色
@color-bg-table: @color-functional-white; //table背景
@color-bg-table-stripe-bg:@table-td-stripe-bg; //table stripe背景
@color-bg-card: @color-functional-white; // 卡片背景色
@color-bg-modal: @color-functional-white; // 弹窗背景色
@color-bg-modal-title: @color-bg-page; // 弹窗标题背景色
@color-bg-nav: #212121; // 顶部导航背景色 ★待定
@color-bg-embed: @gray-50; // 浮窗背景色
@color-bg-hover: #F6F8FB; // hover背景色 ★待定
@color-bg-select: #DCE9FF; // 选中背景色 ★待定
@color-bg-select-tag: @gray-50; // 选择框多选tag的背景色
@color-bg-disable: @color-complementary-8; // 禁用背景色
@color-bg-info: @blue-50;

@color-bg-normal: @blue-100; // 进行中背景色
@color-bg-information-frame: @color-brand-primary; // 全局提示（帮助）边框的颜色

@color-bg-warning: @orange-50; // 告警背景色
@color-bg-warning-frame: @color-functional-warning; // 告警提示边框的颜色
@color-bg-success: @green-50; // 成功背景色
@color-bg-success-frame: @color-functional-success; // 成功提示边框的颜色
@color-bg-fail: @red-50; // 失败背景色
@color-bg-fail-frame: @color-functional-fail; // 失败提示边框的颜色
@color-bg-pause: @gray-50; // 未进行/暂停背景色
@color-bg-pause-frame: @gray-300; // 未进行/暂停提示边框的颜色

@color-bg-success-tip: @green-50; // 提示成功背景色
@color-bg-success-tag: @green-500; // 标签成功背景色
@color-bg-warning-tip: @orange-50; // 提示告警背景色
@color-bg-warning-tag: @orange-400; // 标签告警背景色
@color-bg-fail-tip: @red-50; // 提示失败背景色
@color-bg-fail-tag: @red-500; // 标签失败背景色
@color-bg-pause-tip: @gray-50; // 提示未进行/暂停背景色
@color-bg-pause-tag: @gray-300; // 标签未进行/暂停背景色

@color-bg-popconfirm: @color-complementary-10; //popconfirm bg
@color-bg-drawer: @color-complementary-10; //drawer bg
@color-bg-tree-hover: tint(@primary-color, 80%); //tree item hover bg
@color-bg-radio-checked: @color-brand-primary; //radio 选中背景
@color-bg-menu: @color-functional-white; //menu bg
@color-bg-layout: @layout-body-background; // layout bg
@color-bg-layout-content: @color-complementary-10;
@color-bg-radio-selected: @color-functional-white;

@color-bg-notice: @color-functional-white;
@color-bg-page-disable: @color-functional-white;


// 基础颜色扩展（hover/禁用/点击等状态）
@color-brand-disabled1: @color-complementary-6; // 禁用状态1
@color-brand-disabled2: @color-complementary-7; // 禁用状态2
@color-brand-active: @color-brand-press; // 点击状态


// 告警色
@color-fault-level1: @color-functional-fail; // 一级告警
@color-fault-level2: @orange-500;  // 二级告警
@color-fault-level3: @orange-400;  // 三级告警
@color-fault-level4: @yellow-400;  // 四级告警
@color-fault-level5: @yellow-500;  // 备用告警1
@color-fault-level6: @blue-500;  // 备用告警2 ★待定
@color-fault-level1: @blue-300;  // 备用告警3（覆盖上方level1）


// 特殊色
@color-special1: @special-mask;  // 特殊色1


// 遮罩
@color-mask: @color-special1;  // 弹窗遮罩


// 文本颜色
@color-text-level1: @font-950;  // 一级文本（标题、列表表头文字）
@color-text-level2: @font-900;  // 二级文本（默认文字、正文文字、面包屑当前页）
@color-text-level3: @font-800;  // 三级文本（二级按钮文字、列表参数展示文字颜色、表单编辑态label）
@color-text-level4: @font-600;  // 四级文本（展示参数文字等第二正文文字颜色、表单查看态label）

@color-text-placeholder: @font-300;  // 占位符/说明
@color-text-disabled: @font-300;  // 禁用
@color-text-anti: @color-functional-white; // 反色
@color-text-link: @color-brand-primary; // 链接

@color-text-notice: @color-complementary-25; //notice text color
@color-text-popconfirm: @popconfirm-inner-color; //popconfirm text color
@color-text-menu: @color-brand-primary; //menu text color
@color-text-drawer: @title-color; //drawer text color


// 分割线
@color-divider-level1: @color-complementary-7; // 一级（tab、标题下方的分割线）
@color-divider-level2: @color-complementary-2; // 二级（分割线的颜色、表格分割线、图表轴线）
@color-divider-special: @color-brand-primary;  // 特殊


// 边框
@color-border-normal1: @color-bg-pause-frame;  // 正常1（所有border默认状态颜色）
@color-border-normal2: @color-brand-primary; // 正常2

@color-border-success: @color-functional-success;  // 成功
@color-border-fail: @color-functional-fail; // 失败
@color-border-disable: @color-functional-pause;  // 未进行
@color-border-warning: @color-functional-warning; // 警告


// 投影
@color-shadow0: @shadow-light; // 投影0：按钮、输入框
@color-shadow1: @shadow-light; // 投影1：卡片
@color-shadow2: @shadow-light; // 投影2：下拉框、表格固定列
@color-shadow3: @shadow-light; // 投影3：弹窗

// 滚动条
@color-scrollbar: @gray-300;  // 滚动条颜色
@color-scrollbar-track: @gray-100;  // 滚动条轨道颜色


// 图标
@color-icon-normal1: @color-brand-primary; // 正常1
@color-icon-normal2: @color-complementary-4;  // 正常2
@color-icon-success: @green-400;  // 成功
@color-icon-fail: @red-400; // 失败
@color-icon-disable: @color-complementary-6;  // 禁用
@color-icon-warning: @color-functional-warning; // 警告
@color-icon-anti: @color-functional-white;  // 反色

// ------------- 基础分类 token 变量 end  --------------------------/