// ========================================
// 全局颜色规格 — 项目统一色彩体系
// ========================================

// 主题色 — 用于高亮背景、选中态等
$theme-color: #F6FCFC;

// 选中态背景色
$selected-color: #F6FCFC;

// 页面主背景色
$bg-main: #F3F4F6;

// 页面中间色景色（用于页面主题色背景和白色背景分隔，用于某些模块组件的组件外层背景等）
$bg-middle: #E6E6E6;

// 白色背景（卡片、输入框等）
$bg-white: #FFFFFF;

// 深色文字（标题、正文）
$text-dark: #1A1A1A;

// 浅色文字（副标题、占位符、辅助信息）
$text-light: #99A1AF;

// 中间色文字（使用优先级高于浅色文字，稍微要深色一点的副标题、占位符、辅助信息）
$text-middle: #6A7282;

// 强调色 / 品牌色
//$accent: #4FC2C9;
//$accent: #12C7BE;
$accent: #52CAD1;

// 强调色悬停态
$accent-hover: #42A8B3;

// 危险色 / 警告色（删除、错误等）
$danger: #E85635;

// 分割线颜色
$border-color: #E8E8E8;

// 遮罩层背景
$overlay-bg: rgba(0, 0, 0, 0.5);

// 主按钮颜色背景（确认提交等）
$btn-dark: #52CAD1;

// 主按钮颜色悬停态
$btn-dark-hover: #42A8B3;

// 次要深色按钮背景（除非特意指定使用否则不用这个按钮色）
//$btn-dark: #1A1A2E;

// 次要深色按钮悬停态（除非特意指定使用否则不用这个按钮色）
//$btn-dark-hover: #2E3142;

// 渐变色背景
$gradient-bg: linear-gradient(to right, #52CAD1, #42A8B3);
//$gradient-bg: linear-gradient(to right, #12C7BE, #11b5ac);
