/** 色值定义文档
  * 命名规则
  * $--[颜色|字体|边框|类别]-[主题]-[色系]-[子类]
*/
$--theme-classic-blue: "classic-blue" !default;

/* 主色
-------------------------- */
$--color-CBlue-primary: #4686f2 !default;
$--color-CBlue-primary-hover: #5196ff !default;
$--color-CBlue-primary-pressed: #3165cc !default;
$--color-CBlue-primary-popupBackground: #eff5ff !default; // 弹出提示面板背景色
$--color-CBlue-primary-panelHover: #eff5ff !default; // 下拉面板单项“鼠标移入”
$--color-CBlue-primary-inputShadow: #dce9ff !default; // 输入框的“聚焦外边框”
$--color-CBlue-primary-tableHover: #d6eaff !default; // 表格单项的“鼠标移入”
$--color-CBlue-primary-tablePressed: #b7d6f5 !default; // 表格单项的“鼠标按下”

$--color-CBlue-primary-transparent-20: rgba($--color-CBlue-primary, 0.2) !default; // 进度条（预加载）
$--color-CBlue-primary-transparent-40: rgba($--color-CBlue-primary, 0.4) !default; // 进度条（预加载）、spin加载中-右上
$--color-CBlue-primary-transparent-50: rgba($--color-CBlue-primary, 0.5) !default; // Switch（开-选中禁用）、日期选择框（当天禁用标识）、单选框、多选框
$--color-CBlue-primary-transparent-60: rgba($--color-CBlue-primary, 0.6) !default; // 进度条（预加载）、spin加载中-左上
$--color-CBlue-primary-transparent-80: rgba($--color-CBlue-primary, 0.8) !default; // 进度条（预加载）、spin加载中-左下

/* 危险色
-------------------------- */
$--color-CBlue-danger: #f14658 !default;
$--color-CBlue-danger-hover: #f36f7d !default;
$--color-CBlue-danger-pressed: #d84453 !default;
$--color-CBlue-danger-popupBackground: #fdedef !default; // 弹出提示面板背景色
$--color-CBlue-danger-inputShadow: #fddcdf !default; // 输入框的“聚焦外边框”

/* 警示色
-------------------------- */
$--color-CBlue-warning: #f2b146 !default;
$--color-CBlue-warning-hover: #f3b95b !default;
$--color-CBlue-warning-pressed: #d79122 !default;
$--color-CBlue-warning-popupBackground: #fff8ed !default; // 弹出提示面板背景色

/* 成功色
-------------------------- */
$--color-CBlue-success: #3ac992 !default;
$--color-CBlue-success-hover: #38c08b !default;
$--color-CBlue-success-pressed: #189968 !default;
$--color-CBlue-success-popupBackground: #e9faf3 !default; // 弹出提示面板背景色

/* 常规背景色
-------------------------- */
$--color-CBlue-background-normal: #333 !default;
$--color-CBlue-background-panel: #fff !default; // 按钮、面板等
$--color-CBlue-background-panel-usable: #fff !default; // 输入框（除了不可用状态）
$--color-CBlue-background-panel-split: #f0f2f5 !default; // split分隔线
$--color-CBlue-background-panelState-1: #bbb !default; // 日期下拉面板单项选中、单选框、多选框、滑动输入条、Switch（关）、滑动输入条
$--color-CBlue-background-panelState-2: #f7f7f7 !default; // 下拉面板单项“选中”、输入框“禁用”、日历-左右灰底、表头、折叠面板、button禁用背景色、Slider禁用原点-内圆
$--color-CBlue-background-panel-pop: #fff !default; // 内容性弹出框msgbox、侧边栏弹出框Drawer、主内容区背景
$--color-CBlue-background-tableSummary: #e6e6e6 !default; // 表格-汇总行、评分normal、Checkbtn-角标（禁用）
$--color-CBlue-background-tableZebra: #fafafa !default; // 表格斑马纹
$--color-CBlue-background-transparent: transparent !default; // 下拉面板normal、文本button、radio、checkbox等
$--color-CBlue-background-tableLoading: rgba(#fff, 0.5) !default; // 应用在所有表格loading加载背景的遮罩层

$--color-CBlue-background-bar: #333 !default; // 走马灯基础色
$--color-CBlue-background-bar-transparent-30: rgba($--color-CBlue-background-bar, 0.3) !default; // 走马灯normal
$--color-CBlue-background-bar-transparent-40: rgba($--color-CBlue-background-bar, 0.4) !default; // 走马灯hover
$--color-CBlue-background-bar-transparent-60: rgba($--color-CBlue-background-bar, 0.6) !default; // 走马灯pressed

$--color-CBlue-background-panel-transparent-50: rgba(#fff, 0.5) !default; // Switch（关禁用-白色区域）
$--color-CBlue-background-panelState-transparent-50: rgba(#bbb, 0.5) !default; // Switch（关-禁用底部）
$--color-CBlue-background-mask: rgba($--color-CBlue-background-normal, 0.5) !default; // 遮罩层（50%）、回到顶部&直达底部（50%）
$--color-CBlue-background-tip: rgba($--color-CBlue-background-normal, 0.9) !default; // 文本提示（90%）

/* 分割线&边框色
-------------------------- */
$--color-CBlue-border: #d9d9d9 !default; // 按钮、输入框、button禁用等
$--color-CBlue-border-line: #e6e6e6 !default; // 页面上的分割线(组件外部)，tabs、steps
$--color-CBlue-border-split: #ededed !default; // 区块中的分割线(组件内部)

/* 阴影色
-------------------------- */
$--color-CBlue-shadow-base: #333 !default;
$--color-CBlue-shadow-panel-drop: rgba(#333, 0.15) !default; // 下拉面板
$--color-CBlue-shadow-panel: rgba(#333, 0.3) !default; // 中间层面板、弹框&侧移面板

/* 文本色
-------------------------- */
$--color-CBlue-font-main: #333 !default; // 主标题/小标题/正文/表格数据文字(不同皮肤会切换)
$--color-CBlue-font-describe: #666 !default; // 描述文本
$--color-CBlue-font-hint: #999 !default; // 提示文本
$--color-CBlue-font-disabled: #bbb !default; // 禁用文本
$--color-CBlue-font-white: #fff !default; // 白色文本(固定)
$--color-CBlue-font-link: #4686f2 !default; // 链接文本
$--color-CBlue-font-link-hover: #5196ff !default; // 链接文本(hover)
$--color-CBlue-font-link-pressed: #3165cc !default; // 链接文本(pressed)

/* 滚动条
-------------------------- */
$--color-CBlue-scrollbar-background: #f1f1f1 !default; // 滚动条背景底
$--color-CBlue-scrollbar-slider: #b7b7b7 !default; // 滚动条椭圆上层背景底
$--color-CBlue-scrollbar-slider-hoverAndPressed: #a4a4a4 !default; // 滚动条椭圆上层背景底hover、pressed

/* 公共变量
-------------------------- */

// 是否是!important
$--important: true !default;
$--not-important: false !default;

/* end
-------------------------- */