/* 主题配色方案 */

/* 默认主题（蓝色） */
:root {
    /* 主色调 */
    --primary-rgb: 37, 99, 235;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 124, 58, 237;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 245, 158, 11;
    --accent-color: rgb(var(--accent-rgb));

    /* 背景色 */
    --background-light: #f8fafc;
    --background-dark: #0f172a;

    /* 文本颜色 */
    --text-light: #f8fafc;
    --text-dark: #1e293b;

    /* 状态颜色 */
    --success-color: #22c55e;
    --warning-color: #f59e0b;
    --error-color: #ef4444;
    --info-color: #3b82f6;
}

/* 深邃蓝主题 */
[data-theme="deep-blue"] {
    --primary-rgb: 30, 64, 175;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 91, 33, 182;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 217, 119, 6;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #f1f5f9;
    --background-dark: #020617;
}

/* 翡翠绿主题 */
[data-theme="emerald"] {
    --primary-rgb: 16, 185, 129;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 6, 182, 212;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 245, 158, 11;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #ecfdf5;
    --background-dark: #064e3b;
}

/* 紫罗兰主题 */
[data-theme="violet"] {
    --primary-rgb: 139, 92, 246;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 168, 85, 247;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 236, 72, 153;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #f5f3ff;
    --background-dark: #2e1065;
}

/* 橙色活力主题 */
[data-theme="orange"] {
    --primary-rgb: 249, 115, 22;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 234, 88, 12;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 202, 138, 4;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #fff7ed;
    --background-dark: #7c2d12;
}

/* 石墨灰主题 */
[data-theme="graphite"] {
    --primary-rgb: 75, 85, 99;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 107, 114, 128;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 156, 163, 175;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #f9fafb;
    --background-dark: #111827;
}

/* 海洋主题 */
[data-theme="ocean"] {
    --primary-rgb: 14, 165, 233;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 56, 189, 248;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 2, 132, 199;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #f0f9ff;
    --background-dark: #0c4a6e;
}

/* 自然主题 */
[data-theme="nature"] {
    --primary-rgb: 34, 197, 94;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 16, 185, 129;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 245, 158, 11;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #f0fdf4;
    --background-dark: #14532d;
}

/* 日落主题 */
[data-theme="sunset"] {
    --primary-rgb: 239, 68, 68;
    --primary-color: rgb(var(--primary-rgb));
    --secondary-rgb: 234, 88, 12;
    --secondary-color: rgb(var(--secondary-rgb));
    --accent-rgb: 245, 158, 11;
    --accent-color: rgb(var(--accent-rgb));
    
    --background-light: #fef2f2;
    --background-dark: #7f1d1d;
}

/* 主题切换动画 */
* {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 深色模式自动适配 */
@media (prefers-color-scheme: dark) {
    :root {
        color-scheme: dark;
    }
    
    [data-theme] {
        --text-color: var(--text-light);
        --background-color: var(--background-dark);
    }
}

/* 高对比度模式 */
@media (prefers-contrast: more) {
    :root {
        --primary-color: #0000ff;
        --secondary-color: #00ff00;
        --accent-color: #ff0000;
        --text-light: #ffffff;
        --text-dark: #000000;
    }
}