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

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

// 基础品牌色
@color-brand-primary: #2C72EB;  // 品牌色1|常规
@color-brand-press: #0C4DBC;  // 品牌色2|点击
@color-brand-hover: #488BFF;  // 品牌色3|悬浮

@color-brand-press-sec: #19273F; // 品牌色二级点击
@color-brand-hover-sec: #2C72EB; // 品牌色二级悬停

@color-brand-primary-sec: #454545;

// 功能色
@color-functional-normal: @color-brand-primary;  // 正常
@color-functional-success: #09AB31;  // 成功
@color-functional-fail: #B31311;  // 失败
@color-functional-warning: #C77707;  // 警告
@color-functional-processing: @color-brand-primary;  // 进行中
@color-functional-pause: #494949;  // 未进行/暂停
@color-functional-white: #FFFFFF;  // 白色
@color-functional-danger-hover: #E13B39;  // 危险hover
@color-functional-danger-press: #A01B1A;  // 危险press


// 辅助色
@color-complementary-1: @color-functional-white;  // 辅助色1
@color-complementary-2: #2D2D2D;  // 辅助色2
@color-complementary-3: #E7E7E7;  // 辅助色3
@color-complementary-4: #A1A1A1;  // 辅助色4
@color-complementary-5: #666666;  // 辅助色5
@color-complementary-6: #555555;  // 辅助色6
@color-complementary-7: #454545;  // 辅助色7
@color-complementary-8: #272727;  // 辅助色8
@color-complementary-9: #1D1D1D;  // 辅助色8
@color-complementary-10: #202020;  // 辅助色8
@color-complementary-11: #19273F;  // 辅助色8
@color-complementary-12: @color-complementary-8;   //辅助色，用于checkbox
@color-complementary-13: #2C2C2C; 
@color-complementary-14: #2B3547; //辅助色，tag bg
@color-complementary-15: @color-functional-processing; //辅助色，tag drak模式 font color
@color-complementary-16: #264139; //辅助色，tag drak模式 success bg
@color-complementary-17: @color-functional-success;//辅助色，tag drak模式 success font color
@color-complementary-18: #462C2B; //辅助色，tag drak模式 error bg
@color-complementary-19: @color-functional-fail;//辅助色，tag drak模式 error font color
@color-complementary-20: #473C18; //辅助色，tag drak模式 warning bg
@color-complementary-21: @color-functional-warning;//辅助色，tag drak模式 warning font color
@color-complementary-22: @color-complementary-7;//辅助色，分页器，省略号color
@color-complementary-23: @color-complementary-13; //辅助色，
@color-complementary-24: @color-complementary-10;
@color-complementary-25: @color-functional-white; //辅助色，notice title

// 背景色
@color-bg-page: #000000;  // 页面背景色
@color-bg-table-head: color-complementary-10; // 表头背景色
@color-bg-table: @color-complementary-9; //table背景
@color-bg-table-stripe-bg:@color-complementary-9; //table stripe背景
@color-bg-card: #141414; // 卡片背景色
@color-bg-modal:rgba(0, 0, 0, 0.5); // 弹窗背景色
@color-bg-nav: #212121; // 顶部导航背景色
@color-bg-embed: @color-complementary-11; // 浮窗背景色
@color-bg-hover: @color-complementary-11; // hover背景色
@color-bg-select: @color-brand-primary; // 选择背景色
@color-bg-select-tag: #141414; // 选择框多选tag的背景色
@color-bg-normal: @color-brand-press-sec; // 进行中背景色
@color-bg-warning: #312415; // 告警背景色
@color-bg-success: #152915; // 成功背景色
@color-bg-fail: #2B1716; // 失败背景色
@color-bg-pause: #1F1F1F ; // 未进行/暂停背景色
@color-bg-pause-frame: #CDD3E3; // 未进行/暂停提示边框的颜色
@color-bg-pause-tag: #1F1F1F;
@color-bg-disable: @color-complementary-8; // 禁用背景色
@color-bg-info: #E8F0FF;

@color-bg-popconfirm: @color-complementary-10; //popconfirm bg
@color-bg-drawer: @color-complementary-10; //drawer bg
@color-bg-tree-hover: #19273F; //tree item hover bg
@color-bg-radio-checked: @color-bg-card;//radio 选中背景
@color-bg-menu: @color-complementary-10; //menu bg
@color-bg-layout: #141414;// layout bg
@color-bg-layout-content: @color-complementary-10;
@color-bg-radio-selected: @color-brand-primary;
@color-bg-notice: #1F1F1F;
@color-bg-page-disable: #272727;

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

// 告警色
@color-fault-level1: #B02121; // 一级告警
@color-fault-level2: #CC6414;  // 二级告警
@color-fault-level3: #CC9600;  // 三级告警
@color-fault-level4: #B58200;  // 四级告警
@color-fault-level5: #F7f883;  // 备用告警1
@color-fault-level6: #9ED5FE;  // 备用告警2
@color-fault-level7: #82A5F7;  // 备用告警3

// 特殊色
@color-special1: rgba(0, 0, 0, 0.7);;  // 特殊色1

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

// 文本颜色
@color-text-level1: @color-functional-white; // 一级文本（标题、列表表头文字）
@color-text-level2: @color-complementary-3;  // 二级文本（默认文字、正文文字、面包屑当前页）
@color-text-level3: @color-complementary-4;  // 三级文本（二级按钮文字、列表参数展示文字颜色、表单编辑态label）
@color-text-level4: @color-complementary-5;  // 四级文本（展示参数文字等第二正文文字颜色、表单查看态label）
@color-text-placeholder: @color-complementary-6;  // 占位符/说明
@color-text-disabled: @color-complementary-7;  // 禁用
@color-text-anti: @color-complementary-10; // 反色
@color-text-link: @color-brand-primary; // 链接
@color-text-notice: @color-complementary-25;//notice text color
@color-text-popconfirm: @color-complementary-4; //popconfirm text color 
@color-text-menu: @color-functional-white; //menu text color
@color-text-drawer: @color-functional-white; //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-complementary-7;  // 正常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-complementary-7;  // 未进行
@color-border-warning: @color-functional-warning; // 警告

// 投影
@color-shadow1: rgba(0, 0, 0, 0.5); // 投影1：弹窗	
@color-shadow2: rgba(135, 135, 135, 0.5); // 投影2：表格固定列	
@color-shadow3: @color-shadow1; // 投影3：下拉选项

// 滚动条
@color-scrollbar: @color-complementary-7;  // 滚动条颜色
@color-scrollbar-track: @color-complementary-8;  // 滚动条轨道颜色

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

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