/**
 * 道谷伙伴 - 主题系统
 * 三套主题: 科技蓝(默认) / 科技紫 / 科技多
 */

/* ============================================
   科技蓝 (tech-blue) — 默认主题（调亮版）
   ============================================ */
:root {
    --primary: #3B82F6;
    --primary-dark: #2563EB;
    --primary-light: #93C5FD;
    --primary-50: #EFF6FF;
    --primary-100: #DBEAFE;
    --primary-200: #BFDBFE;
    --primary-600: #3B82F6;
    --primary-700: #2563EB;
    --primary-800: #1E40AF;
    --primary-900: #1E3A8A;
    --primary-rgb: 59, 130, 246;

    --accent: #22D3EE;
    --accent-light: #67E8F9;
    --success: #34D399;
    --warning: #FBBF24;
    --danger: #F87171;
    --info: #60A5FA;

    /* 浅一些的科技蓝底色，层次更鲜明 */
    --bg-dark: #0F1929;
    --bg: #111827;
    --bg-sidebar: #1A2744;
    --bg-card: #1E3050;
    --bg-body: #0B1220;
    --bg-input: #243352;

    --text-primary: #FFFFFF;
    --text: #F8FAFC;
    --text-secondary: #CBD5E1;
    --text-sec: #CBD5E1;
    --text-muted: #94A3B8;

    --border: #334155;
    --border-rgb: 51, 65, 85;
    --glow: rgba(59, 130, 246, 0.25);
}

/* ============================================
   科技紫 (tech-purple)（调亮版）
   ============================================ */
[data-theme="tech-purple"] {
    --primary: #7C3AED;
    --primary-dark: #5B21B6;
    --primary-light: #A78BFA;
    --primary-50: #F5F3FF;
    --primary-100: #EDE9FE;
    --primary-200: #DDD6FE;
    --primary-600: #7C3AED;
    --primary-700: #6D28D9;
    --primary-800: #5B21B6;
    --primary-900: #4C1D95;
    --primary-rgb: 124, 58, 237;

    --bg-dark: #221530;
    --bg: #221530;
    --bg-sidebar: #281C3C;
    --bg-card: #302045;
    --bg-body: #1A1030;
    --bg-input: #302045;

    --text-primary: #F5F0FF;
    --text: #EDE9FE;
    --text-secondary: #C4B5E0;
    --text-sec: #C4B5E0;
    --text-muted: #A78BFA;

    --border: #3D2868;
    --border-rgb: 61, 40, 104;
    --glow: rgba(124, 58, 237, 0.3);
}

/* ============================================
   科技多 (tech-multi) — 多彩渐变（调亮版）
   ============================================ */
[data-theme="tech-multi"] {
    --primary: #8B5CF6;
    --primary-dark: #7C3AED;
    --primary-light: #A78BFA;
    --primary-50: #F5F3FF;
    --primary-100: #EDE9FE;
    --primary-200: #DDD6FE;
    --primary-600: #8B5CF6;
    --primary-700: #7C3AED;
    --primary-800: #6D28D9;
    --primary-900: #5B21B6;
    --primary-rgb: 139, 92, 246;

    --accent: #F472B6;
    --accent-light: #F9A8D4;

    --bg-dark: #1A1535;
    --bg: #1A1535;
    --bg-sidebar: #201A42;
    --bg-card: #282050;
    --bg-body: #141028;
    --bg-input: #282050;

    --text-primary: #F5F0FF;
    --text: #EDE9FE;
    --text-secondary: #C4B5E0;
    --text-sec: #C4B5E0;
    --text-muted: #A78BFA;

    --border: #3A2868;
    --border-rgb: 58, 40, 104;
    --glow: rgba(139, 92, 246, 0.3);
}

/* 科技多 — 组件渐变覆盖 */
[data-theme="tech-multi"] .btn-primary {
    background: linear-gradient(135deg, #8B5CF6, #EC4899, #F59E0B);
    box-shadow: 0 2px 10px rgba(139, 92, 246, 0.3);
}
[data-theme="tech-multi"] .btn-primary:hover {
    box-shadow: 0 4px 20px rgba(139, 92, 246, 0.4);
}
[data-theme="tech-multi"] .sidebar-logo {
    background: linear-gradient(135deg, #8B5CF6, #EC4899, #F59E0B);
}
[data-theme="tech-multi"] .sidebar-title {
    background: linear-gradient(135deg, #A78BFA, #F9A8D4);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-theme="tech-multi"] .progress-bar-fill {
    background: linear-gradient(90deg, #8B5CF6, #EC4899);
}
[data-theme="tech-multi"] .user-avatar {
    background: linear-gradient(135deg, #8B5CF6, #EC4899);
}
[data-theme="tech-multi"] .stat-icon.purple {
    background: rgba(139, 92, 246, 0.2);
    color: #A78BFA;
}

/* ============================================
   科技金 (tech-gold) — 橙色金黑科技风（调亮版）
   ============================================ */
[data-theme="tech-gold"] {
    --primary: #F59E0B;
    --primary-dark: #D97706;
    --primary-light: #FCD34D;
    --primary-50: #FFFBEB;
    --primary-100: #FEF3C7;
    --primary-200: #FDE68A;
    --primary-600: #F59E0B;
    --primary-700: #D97706;
    --primary-800: #B45309;
    --primary-900: #92400E;
    --primary-rgb: 245, 158, 11;

    --accent: #EF8C14;
    --accent-light: #FBBF24;
    --success: #10B981;
    --warning: #F59E0B;
    --danger: #EF4444;
    --info: #F59E0B;

    --bg-dark: #1E1400;
    --bg: #1E1400;
    --bg-sidebar: #281E00;
    --bg-card: #302800;
    --bg-body: #181000;
    --bg-input: #302800;

    --text-primary: #FEF3C7;
    --text: #FFFBEB;
    --text-secondary: #FDE68A;
    --text-sec: #FDE68A;
    --text-muted: #FCD34D;

    --border: #504000;
    --border-rgb: 80, 64, 0;
    --glow: rgba(245, 158, 11, 0.3);
}

/* 科技金 — 组件渐变覆盖 */
[data-theme="tech-gold"] .btn-primary {
    background: linear-gradient(135deg, #D97706, #F59E0B, #FBBF24);
    box-shadow: 0 2px 10px rgba(245, 158, 11, 0.3);
    border: none;
}
[data-theme="tech-gold"] .btn-primary:hover {
    background: linear-gradient(135deg, #B45309, #D97706, #F59E0B);
    box-shadow: 0 4px 20px rgba(245, 158, 11, 0.5);
}
[data-theme="tech-gold"] .sidebar-logo {
    background: linear-gradient(135deg, #D97706, #F59E0B, #FBBF24);
    box-shadow: 0 0 20px rgba(245, 158, 11, 0.4);
}
[data-theme="tech-gold"] .sidebar-title {
    background: linear-gradient(135deg, #FCD34D, #F59E0B);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
[data-theme="tech-gold"] .sidebar {
    background: #1C1200;
    border-right-color: #3D2800;
}
[data-theme="tech-gold"] .progress-bar-fill {
    background: linear-gradient(90deg, #D97706, #F59E0B, #FBBF24);
}
[data-theme="tech-gold"] .user-avatar {
    background: linear-gradient(135deg, #D97706, #F59E0B);
    border: 2px solid rgba(245, 158, 11, 0.5);
}
[data-theme="tech-gold"] .stat-icon {
    background: rgba(245, 158, 11, 0.15);
    color: #FBBF24;
}
[data-theme="tech-gold"] .card {
    border-color: #3D2800;
}
[data-theme="tech-gold"] .badge-info {
    background: rgba(245, 158, 11, 0.2);
    color: #FBBF24;
}
[data-theme="tech-gold"] .badge-success {
    background: rgba(16, 185, 129, 0.15);
    color: #34D399;
}
[data-theme="tech-gold"] .badge-warning {
    background: rgba(245, 158, 11, 0.2);
    color: #FCD34D;
}
[data-theme="tech-gold"] .badge-danger {
    background: rgba(239, 68, 68, 0.15);
    color: #FCA5A5;
}
[data-theme="tech-gold"] input,
[data-theme="tech-gold"] select,
[data-theme="tech-gold"] textarea {
    background: #2A1C00;
    border-color: #3D2800;
    color: #FFFBEB;
}
[data-theme="tech-gold"] input:focus,
[data-theme="tech-gold"] select:focus,
[data-theme="tech-gold"] textarea:focus {
    border-color: #F59E0B;
    box-shadow: 0 0 0 3px rgba(245, 158, 11, 0.15);
}