/* 深色模式变量 */
[data-theme="dark"] {
    --bg-primary: #121212;
    --bg-secondary: #1e1e1e;
    --bg-card: #2d2d2d;
    --text-primary: #ffffff;
    --text-secondary: #e0e0e0;
    --text-muted: #a0a0a0;
    --border-color: #404040;
    --primary: #9d7aef;
    --primary-dark: #8b5cf6;
    --primary-light: #b79cf9;
    --success: #34d399;
    --warning: #fbbf24;
    --danger: #f87171;
    --info: #60a5fa;
    
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.5);
    
    --card-bg: #2d2d2d;
    --input-bg: #1e1e1e;
    --input-border: #404040;
    --hover-bg: #3d3d3d;
}

/* 深色模式下的图片滤镜 */
[data-theme="dark"] img {
    filter: brightness(0.8) contrast(1.2);
}

/* 深色模式下的卡片样式 */
[data-theme="dark"] .card {
    background: var(--card-bg);
    border: 1px solid var(--border-color);
}

/* 深色模式下的输入框 */
[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
    background: var(--input-bg);
    border-color: var(--input-border);
    color: var(--text-primary);
}

/* 深色模式下的图表适配 */
[data-theme="dark"] .chart-card {
    background: var(--card-bg);
}

/* 深色模式下的滚动条 */
[data-theme="dark"] ::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

[data-theme="dark"] ::-webkit-scrollbar-track {
    background: #1e1e1e;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb {
    background: #404040;
    border-radius: 4px;
}

[data-theme="dark"] ::-webkit-scrollbar-thumb:hover {
    background: #505050;
}