/* 主题系统 - CSS变量定义 */

/* 经典主题（默认）- 保留原有样式 */
:root {
    /* 主色调 */
    --primary-color: #0288d1;
    --primary-dark: #0277bd;
    --primary-light: #e3f2fd;
    
    /* 背景色 */
    --bg-primary: #f5f7fa;
    --bg-secondary: #ffffff;
    --bg-tertiary: #f9f9f9;
    
    /* 文字颜色 */
    --text-primary: #333333;
    --text-secondary: #666666;
    --text-tertiary: #888888;
    --text-inverse: #ffffff;
    
    /* 边框颜色 */
    --border-color: #e0e0e0;
    --border-light: #f5f5f5;
    
    /* 按钮颜色 */
    --btn-primary: #0288d1;
    --btn-primary-hover: #0277bd;
    --btn-success: #4CAF50;
    --btn-success-hover: #45a049;
    --btn-danger: #f44336;
    --btn-danger-hover: #d32f2f;
    
    /* 特殊颜色 */
    --accent-color: #4CAF50;
    --accent-hover: #45a049;
    --warning-color: #ff4757;
    
    /* 阴影 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
    --shadow-lg: 0 6px 16px rgba(0, 0, 0, 0.12);
    --shadow-xl: 0 4px 12px rgba(0, 0, 0, 0.15);
    
    /* 卡片 */
    --card-bg: #ffffff;
    --card-hover-transform: translateY(-5px);
    
    /* 渐变 */
    --gradient-primary: linear-gradient(135deg, #0288d1, #0277bd);

    /* 导航栏 / 实心主色按钮（随主题切换） */
    --fe-btn-solid-text: #ffffff;
    --fe-nav-search-bg: rgba(255, 255, 255, 0.14);
    --fe-nav-search-border: rgba(255, 255, 255, 0.28);
    --fe-nav-search-focus-bg: rgba(255, 255, 255, 0.22);
    --fe-nav-chip-bg: rgba(255, 255, 255, 0.12);
    --fe-nav-chip-border: rgba(255, 255, 255, 0.22);
}

/* 经典主题显式定义 */
[data-theme="classic"] {
    /* 继承:root的所有变量 */
}

/* 时尚主题 - 仿照 qwen.ai 风格 */
[data-theme="fashion"] {
    /* 主色调 - 紫色系 */
    --primary-color: #7c3aed;
    --primary-dark: #6d28d9;
    --primary-light: #ede9fe;
    
    /* 背景色 - 深色主题 */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --bg-tertiary: #334155;
    
    /* 文字颜色 */
    --text-primary: #f8fafc;
    --text-secondary: #cbd5e1;
    --text-tertiary: #94a3b8;
    --text-inverse: #ffffff;
    
    /* 边框颜色 */
    --border-color: #334155;
    --border-light: #1e293b;
    
    /* 按钮颜色 */
    --btn-primary: #7c3aed;
    --btn-primary-hover: #6d28d9;
    --btn-success: #10b981;
    --btn-success-hover: #059669;
    --btn-danger: #ef4444;
    --btn-danger-hover: #dc2626;
    
    /* 特殊颜色 */
    --accent-color: #10b981;
    --accent-hover: #059669;
    --warning-color: #f59e0b;
    
    /* 阴影 - 深色主题阴影更柔和 */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 6px 16px rgba(0, 0, 0, 0.5);
    --shadow-xl: 0 4px 12px rgba(0, 0, 0, 0.4);
    
    /* 卡片 */
    --card-bg: #1e293b;
    --card-hover-transform: translateY(-5px);
    
    /* 渐变 */
    --gradient-primary: linear-gradient(135deg, #7c3aed, #a855f7);

    --fe-btn-solid-text: #ffffff;
    --fe-nav-search-bg: rgba(255, 255, 255, 0.1);
    --fe-nav-search-border: rgba(255, 255, 255, 0.24);
    --fe-nav-search-focus-bg: rgba(255, 255, 255, 0.18);
    --fe-nav-chip-bg: rgba(255, 255, 255, 0.1);
    --fe-nav-chip-border: rgba(255, 255, 255, 0.2);
}

/* 深绿 · Forest — 自然沉稳 */
[data-theme="forest"] {
    --primary-color: #2d6a4f;
    --primary-dark: #1b4332;
    --primary-light: #d8f3dc;

    --bg-primary: #f0fdf4;
    --bg-secondary: #ffffff;
    --bg-tertiary: #ecfdf5;

    --text-primary: #1b4332;
    --text-secondary: #40916c;
    --text-tertiary: #74c69d;
    --text-inverse: #ffffff;

    --border-color: #b7e4c7;
    --border-light: #d8f3dc;

    --btn-primary: #2d6a4f;
    --btn-primary-hover: #1b4332;
    --btn-success: #52b788;
    --btn-success-hover: #40916c;
    --btn-danger: #e76f51;
    --btn-danger-hover: #d62828;

    --accent-color: #52b788;
    --accent-hover: #40916c;
    --warning-color: #f4a261;

    --shadow-sm: 0 2px 4px rgba(27, 67, 50, 0.08);
    --shadow-md: 0 4px 14px rgba(27, 67, 50, 0.1);
    --shadow-lg: 0 8px 24px rgba(27, 67, 50, 0.12);
    --shadow-xl: 0 6px 20px rgba(27, 67, 50, 0.14);

    --card-bg: #ffffff;
    --gradient-primary: linear-gradient(135deg, #40916c, #1b4332);

    --fe-btn-solid-text: #ffffff;
    --fe-nav-search-bg: rgba(255, 255, 255, 0.14);
    --fe-nav-search-border: rgba(255, 255, 255, 0.28);
    --fe-nav-search-focus-bg: rgba(255, 255, 255, 0.22);
    --fe-nav-chip-bg: rgba(255, 255, 255, 0.12);
    --fe-nav-chip-border: rgba(255, 255, 255, 0.22);
}

/* 商务 · Business — 藏青金饰 */
[data-theme="business"] {
    --primary-color: #1e3a5f;
    --primary-dark: #0f2744;
    --primary-light: #e8eef5;

    --bg-primary: #f4f6f9;
    --bg-secondary: #ffffff;
    --bg-tertiary: #eef2f7;

    --text-primary: #1a2332;
    --text-secondary: #4a5568;
    --text-tertiary: #718096;
    --text-inverse: #ffffff;

    --border-color: #cbd5e0;
    --border-light: #e2e8f0;

    --btn-primary: #1e3a5f;
    --btn-primary-hover: #0f2744;
    --btn-success: #2f855a;
    --btn-success-hover: #276749;
    --btn-danger: #c53030;
    --btn-danger-hover: #9b2c2c;

    --accent-color: #b8860b;
    --accent-hover: #996515;
    --warning-color: #d69e2e;

    --shadow-sm: 0 1px 3px rgba(15, 39, 68, 0.08);
    --shadow-md: 0 4px 12px rgba(15, 39, 68, 0.1);
    --shadow-lg: 0 8px 24px rgba(15, 39, 68, 0.12);
    --shadow-xl: 0 6px 20px rgba(15, 39, 68, 0.14);

    --card-bg: #ffffff;
    --gradient-primary: linear-gradient(135deg, #1e3a5f, #2c5282);

    --fe-btn-solid-text: #ffffff;
    --fe-nav-search-bg: rgba(255, 255, 255, 0.12);
    --fe-nav-search-border: rgba(255, 255, 255, 0.26);
    --fe-nav-search-focus-bg: rgba(255, 255, 255, 0.2);
    --fe-nav-chip-bg: rgba(255, 255, 255, 0.1);
    --fe-nav-chip-border: rgba(255, 255, 255, 0.2);
}

/* 粉红 · Pink — 柔和玫瑰 */
[data-theme="pink"] {
    --primary-color: #e11d48;
    --primary-dark: #be123c;
    --primary-light: #ffe4e6;

    --bg-primary: #fff1f2;
    --bg-secondary: #ffffff;
    --bg-tertiary: #fff7f8;

    --text-primary: #4c0519;
    --text-secondary: #9f1239;
    --text-tertiary: #fb7185;
    --text-inverse: #ffffff;

    --border-color: #fecdd3;
    --border-light: #ffe4e6;

    --btn-primary: #e11d48;
    --btn-primary-hover: #be123c;
    --btn-success: #059669;
    --btn-success-hover: #047857;
    --btn-danger: #dc2626;
    --btn-danger-hover: #b91c1c;

    --accent-color: #f472b6;
    --accent-hover: #ec4899;
    --warning-color: #f59e0b;

    --shadow-sm: 0 2px 6px rgba(225, 29, 72, 0.08);
    --shadow-md: 0 4px 14px rgba(225, 29, 72, 0.1);
    --shadow-lg: 0 8px 24px rgba(225, 29, 72, 0.12);
    --shadow-xl: 0 6px 20px rgba(225, 29, 72, 0.14);

    --card-bg: #ffffff;
    --gradient-primary: linear-gradient(135deg, #fb7185, #e11d48);

    --fe-btn-solid-text: #ffffff;
    --fe-nav-search-bg: rgba(255, 255, 255, 0.16);
    --fe-nav-search-border: rgba(255, 255, 255, 0.3);
    --fe-nav-search-focus-bg: rgba(255, 255, 255, 0.24);
    --fe-nav-chip-bg: rgba(255, 255, 255, 0.14);
    --fe-nav-chip-border: rgba(255, 255, 255, 0.24);
}

/* 可爱 · Cute — 猫咪 pastel（装饰见 theme-cute.css） */
[data-theme="cute"] {
    --primary-color: #f472b6;
    --primary-dark: #ec4899;
    --primary-light: #fce7f3;

    --bg-primary: #fff7fb;
    --bg-secondary: #ffffff;
    --bg-tertiary: #fdf2f8;

    --text-primary: #831843;
    --text-secondary: #be185d;
    --text-tertiary: #f9a8d4;
    --text-inverse: #ffffff;

    --border-color: #fbcfe8;
    --border-light: #fce7f3;

    --btn-primary: #f472b6;
    --btn-primary-hover: #ec4899;
    --btn-success: #34d399;
    --btn-success-hover: #10b981;
    --btn-danger: #f87171;
    --btn-danger-hover: #ef4444;

    --accent-color: #c084fc;
    --accent-hover: #a855f7;
    --warning-color: #fbbf24;

    --shadow-sm: 0 2px 8px rgba(244, 114, 182, 0.12);
    --shadow-md: 0 6px 18px rgba(244, 114, 182, 0.14);
    --shadow-lg: 0 10px 28px rgba(244, 114, 182, 0.16);
    --shadow-xl: 0 8px 24px rgba(244, 114, 182, 0.18);

    --card-bg: #ffffff;
    --gradient-primary: linear-gradient(135deg, #f9a8d4, #f472b6 45%, #c084fc);

    --fe-btn-solid-text: #ffffff;
    --fe-nav-search-bg: rgba(255, 255, 255, 0.2);
    --fe-nav-search-border: rgba(255, 255, 255, 0.34);
    --fe-nav-search-focus-bg: rgba(255, 255, 255, 0.28);
    --fe-nav-chip-bg: rgba(255, 255, 255, 0.16);
    --fe-nav-chip-border: rgba(255, 255, 255, 0.28);
}