/**
 * 颜色方案配置文件
 * 使用CSS变量实现统一的配色方案
 * 
 * 基础配色：
 * - 主蓝色: #2878FF
 * - 深灰色: #444F74
 * - 浅灰色: #B9BFCB
 * - 白色: #FFFFFF
 */

/* ==================== 基础配色方案 ==================== */
:root,
[data-theme="default"] {
    /* 主色调 - 蓝色系 */
    --primary-color: #2878FF;           /* 主蓝色 - 主要操作按钮、链接 */
    --primary-hover: #1d60d5;           /* 主蓝色悬停（稍微加深纯色） */
    --primary-light: rgba(40, 120, 255, 0.1);   /* 主蓝色浅色背景 */
    --primary-lighter: rgba(40, 120, 255, 0.05); /* 主蓝色极浅背景 */
    
    /* 次要色调 - 深灰蓝系 */
    --secondary-color: #444F74;         /* 深灰蓝 - 次要元素 */
    --secondary-hover: #3a4463;         /* 深灰蓝悬停（稍微加深） */
    --secondary-light: rgba(68, 79, 116, 0.1);
    
    /* 中性色 - 灰色系 */
    --gray-color: #B9BFCB;              /* 浅灰蓝 - 辅助文字、边框 */
    --gray-hover: #a5acbb;              /* 浅灰蓝悬停（稍微加深） */
    --gray-light: rgba(185, 191, 203, 0.3);
    --gray-lighter: rgba(185, 191, 203, 0.1);
    
    /* 深色 */
    --dark-color: #444F74;              /* 深色 - 标题、重要文字 */
    --dark-hover: #3a4463;
    
    /* 浅色 */
    --light-color: #F5F7FA;             /* 浅色背景 */
    --lighter-color: #FAFBFC;           /* 极浅背景 */
    
    /* 功能色 */
    --success-color: #10B981;           /* 成功 - 绿色 */
    --success-hover: #0ea872;           /* 成功悬停（稍微加深） */
    --warning-color: #F59E0B;           /* 警告 - 橙色 */
    --warning-hover: #e38e09;           /* 警告悬停（稍微加深） */
    --error-color: #EF4444;             /* 错误 - 红色 */
    --error-hover: #e23535;             /* 错误悬停（稍微加深） */
    --info-color: #2878FF;              /* 信息 - 使用主蓝色 */
    --info-hover: #1d60d5;              /* 信息悬停（稍微加深） */
    
    /* 文字颜色已在multi-themes.css中统一定义，所有主题使用相同颜色 */
    /* --text-primary, --text-secondary等在multi-themes.css中定义为固定值 */
    
    /* 背景色 */
    --bg-primary: #FFFFFF;              /* 主背景 - 白色 */
    --bg-secondary: #F5F7FA;            /* 次背景 - 浅灰 */
    --bg-tertiary: #FAFBFC;             /* 三级背景 - 极浅灰 */
    --bg-dark: #444F74;                 /* 深色背景 */
    --bg-blue: #2878FF;                 /* 蓝色背景 */
    
    /* 边框颜色 */
    --border-color: #B9BFCB;            /* 默认边框 - 浅灰 */
    --border-light: rgba(185, 191, 203, 0.3);  /* 浅边框 */
    --border-lighter: rgba(185, 191, 203, 0.15); /* 极浅边框 */
    --border-dark: #444F74;             /* 深色边框 */
    
    /* 阴影 */
    --shadow-sm: 0 1px 2px 0 rgba(68, 79, 116, 0.05);
    --shadow-md: 0 4px 6px -1px rgba(68, 79, 116, 0.1), 0 2px 4px -1px rgba(68, 79, 116, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(68, 79, 116, 0.1), 0 4px 6px -2px rgba(68, 79, 116, 0.05);
    --shadow-xl: 0 20px 25px -5px rgba(68, 79, 116, 0.1), 0 10px 10px -5px rgba(68, 79, 116, 0.04);
    --shadow-2xl: 0 25px 50px -12px rgba(68, 79, 116, 0.25);
    
    /* 渐变色 */
    --gradient-primary: linear-gradient(135deg, #2878FF 0%, #1a65e6 100%);
    --gradient-blue: linear-gradient(135deg, #2878FF 0%, #444F74 100%);
    --gradient-light: linear-gradient(135deg, #F5F7FA 0%, #FFFFFF 100%);
}

/* ==================== 辅助类 ==================== */

/* 主色按钮 */
.btn-primary {
    background-color: var(--primary-color);
    color: var(--text-white);
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    transition: background-color 0.3s;
}

.btn-primary:hover {
    background-color: var(--primary-hover);
}

/* 次要按钮 */
.btn-secondary {
    background-color: var(--secondary-color);
    color: var(--text-white);
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    transition: background-color 0.3s;
}

.btn-secondary:hover {
    background-color: var(--secondary-hover);
}

/* 强调按钮 */
.btn-accent {
    background-color: var(--accent-color);
    color: var(--text-white);
    border: none;
    padding: 10px 20px;
    border-radius: 6px;
    transition: background-color 0.3s;
}

.btn-accent:hover {
    background-color: var(--accent-hover);
}

/* 文字颜色辅助类 */
.text-primary { color: var(--text-primary); }
.text-secondary { color: var(--text-secondary); }
.text-tertiary { color: var(--text-tertiary); }

/* 背景色辅助类 */
.bg-primary { background-color: var(--bg-primary); }
.bg-secondary { background-color: var(--bg-secondary); }
.bg-tertiary { background-color: var(--bg-tertiary); }

/* 边框辅助类 */
.border { border: 1px solid var(--border-color); }
.border-dark { border: 1px solid var(--border-dark); }

/* 阴影辅助类 */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-xl { box-shadow: var(--shadow-xl); }