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

/* 暗色主题（默认） */
:root {
    --bg-primary: #0f172a;
    --bg-secondary: rgba(30, 41, 59, 0.8);
    --bg-card: rgba(30, 41, 59, 0.6);
    --bg-hover: rgba(255, 255, 255, 0.1);
    
    --text-primary: #e2e8f0;
    --text-secondary: #94a3b8;
    --text-tertiary: #64748b;
    
    --border-primary: #334155;
    --border-secondary: #1e293b;
    
    --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
    --gradient-button: linear-gradient(135deg, #3b82f6, #8b5cf6);
    
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.2);
    --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.3);
    
    --icon-bg: rgba(59, 130, 246, 0.1);
    --icon-bg-hover: rgba(59, 130, 246, 0.2);
}

/* 亮色主题 */
[data-theme="light"] {
    --bg-primary: #f8fafc;
    --bg-secondary: rgba(255, 255, 255, 0.9);
    --bg-card: rgba(255, 255, 255, 0.8);
    --bg-hover: rgba(0, 0, 0, 0.05);
    
    --text-primary: #1e293b;
    --text-secondary: #475569;
    --text-tertiary: #64748b;
    
    --border-primary: #e2e8f0;
    --border-secondary: #cbd5e1;
    
    --gradient-primary: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 50%, #ec4899 100%);
    --gradient-button: linear-gradient(135deg, #3b82f6, #8b5cf6);
    
    --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.08);
    --shadow-hover: 0 20px 40px rgba(0, 0, 0, 0.12);
    
    --icon-bg: rgba(59, 130, 246, 0.08);
    --icon-bg-hover: rgba(59, 130, 246, 0.15);
}

/* 主题过渡动画 */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

.link-card,
.search-box,
.lc-settings-icon,
.lc-settings-dropdown,
.lc-menu-item {
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
}