/* 主题样式 - 深色模式（默认） */
:root {
    --primary-color: #00d4ff;
    --secondary-color: #0099cc;
    --bg-color: #0a0e27;
    --card-bg: #111836;
    --text-color: #e0e6ed;
    --text-muted: #8892b0;
    --border-color: #1e2a4a;
    --success-color: #00ff88;
    --danger-color: #ff4757;
    --warning-color: #ffa502;
}

/* 浅色模式 */
[data-theme="light"] {
    --primary-color: #0066cc;
    --secondary-color: #0052a3;
    --bg-color: #f5f7fa;
    --card-bg: #ffffff;
    --text-color: #2c3e50;
    --text-muted: #6c757d;
    --border-color: #e1e8ed;
    --success-color: #28a745;
    --danger-color: #dc3545;
    --warning-color: #ffc107;
}

/* 自动模式：根据系统设置切换 */
@media (prefers-color-scheme: light) {
    [data-theme="auto"] {
        --primary-color: #0066cc;
        --secondary-color: #0052a3;
        --bg-color: #f5f7fa;
        --card-bg: #ffffff;
        --text-color: #2c3e50;
        --text-muted: #6c757d;
        --border-color: #e1e8ed;
        --success-color: #28a745;
        --danger-color: #dc3545;
        --warning-color: #ffc107;
    }
}

@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        --primary-color: #00d4ff;
        --secondary-color: #0099cc;
        --bg-color: #0a0e27;
        --card-bg: #111836;
        --text-color: #e0e6ed;
        --text-muted: #8892b0;
        --border-color: #1e2a4a;
        --success-color: #00ff88;
        --danger-color: #ff4757;
        --warning-color: #ffa502;
    }
}