/**
 * VS Code Red Theme
 * 深红色主题 - 温暖而专业的配色
 * 基于深红色背景和琥珀色高亮
 */

:root.theme-red-theme,
body.theme-red-theme {
    /* 基础背景色 - 深红色系 */
    --vscode-bg-editor: #1a0000;
    --vscode-bg-sidebar: #2d0a0a;
    --vscode-bg-panel: #330d0d;
    --vscode-bg-hover: #4d1515;
    
    /* 文字颜色 - 柔和的粉红和暖白色 */
    --vscode-fg-default: #ffd7d7;
    --vscode-fg-secondary: #ffb3b3;
    --vscode-fg-comment: #cc8888;
    --vscode-fg-bright: #ffe6e6;
    --vscode-fg-brightest: #ffffff;
    
    /* 边框颜色 */
    --vscode-border: #661a1a;
    
    /* Red Theme 配色 - 温暖色调 */
    --vscode-yellow: #ffb347;
    --vscode-orange: #ff8c42;
    --vscode-red: #ff6b6b;
    --vscode-magenta: #ff85c0;
    --vscode-violet: #da8ee7;
    --vscode-blue: #73c0de;
    --vscode-cyan: #7fdbca;
    --vscode-green: #98d98e;
    
    /* 增强颜色 */
    --color-enhanced-yellow: #ffcc00;
    --color-enhanced-orange: #ff7043;
    --color-enhanced-red: #ff5252;
    --color-enhanced-magenta: #ff4081;
    --color-enhanced-violet: #ce93d8;
    --color-enhanced-blue: #42a5f5;
    --color-enhanced-cyan: #4dd0e1;
    --color-enhanced-green: #66bb6a;
    
    /* 状态颜色 */
    --color-success-bg: rgba(152, 217, 142, 0.15);
    --color-info-bg: rgba(115, 192, 222, 0.15);
    --color-warning-bg: rgba(255, 179, 71, 0.15);
    --color-danger-bg: rgba(255, 107, 107, 0.15);
}

/* ==========================================
   全局背景和文字
   ========================================== */

body.theme-red-theme {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-fg-default) !important;
}

/* 主要内容区域 */
body.theme-red-theme .content-wrapper {
    background-color: var(--vscode-bg-editor) !important;
}

/* 侧边栏 */
body.theme-red-theme .main-sidebar {
    background-color: var(--vscode-bg-sidebar) !important;
}

/* 导航栏 */
body.theme-red-theme .main-header {
    background-color: var(--vscode-bg-panel) !important;
    border-bottom: 1px solid var(--vscode-border) !important;
}

/* ==========================================
   卡片和面板
   ========================================== */

body.theme-red-theme .card,
body.theme-red-theme .box {
    background-color: var(--vscode-bg-panel) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-red-theme .card-header,
body.theme-red-theme .box-header {
    background-color: var(--vscode-bg-sidebar) !important;
    color: var(--vscode-fg-bright) !important;
    border-bottom: 1px solid var(--vscode-border) !important;
}

/* ==========================================
   表格样式
   ========================================== */

body.theme-red-theme table {
    background-color: var(--vscode-bg-panel) !important;
    color: var(--vscode-fg-default) !important;
}

body.theme-red-theme thead th {
    background-color: var(--vscode-bg-sidebar) !important;
    color: var(--vscode-orange) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-red-theme tbody tr:hover {
    background-color: var(--vscode-bg-hover) !important;
}

body.theme-red-theme td,
body.theme-red-theme th {
    border-color: var(--vscode-border) !important;
}

/* ==========================================
   链接和按钮
   ========================================== */

body.theme-red-theme a {
    color: var(--vscode-orange) !important;
}

body.theme-red-theme a:hover {
    color: var(--vscode-yellow) !important;
}

/* 主要按钮 */
body.theme-red-theme .btn-primary {
    background-color: var(--vscode-red) !important;
    border-color: var(--vscode-red) !important;
    color: #ffffff !important;
}

body.theme-red-theme .btn-success {
    background-color: var(--vscode-green) !important;
    border-color: var(--vscode-green) !important;
}

body.theme-red-theme .btn-warning {
    background-color: var(--vscode-yellow) !important;
    border-color: var(--vscode-yellow) !important;
    color: var(--vscode-bg-editor) !important;
}

body.theme-red-theme .btn-danger {
    background-color: #ff3838 !important;
    border-color: #ff3838 !important;
}

/* ==========================================
   表单元素
   ========================================== */

body.theme-red-theme input[type="text"],
body.theme-red-theme input[type="password"],
body.theme-red-theme input[type="email"],
body.theme-red-theme input[type="number"],
body.theme-red-theme textarea,
body.theme-red-theme select {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-fg-default) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-red-theme input:focus,
body.theme-red-theme textarea:focus,
body.theme-red-theme select:focus {
    border-color: var(--vscode-red) !important;
    box-shadow: 0 0 0 0.2rem rgba(255, 107, 107, 0.25) !important;
}

/* ==========================================
   侧边栏菜单
   ========================================== */

body.theme-red-theme .nav-sidebar .nav-link {
    color: var(--vscode-fg-secondary) !important;
}

body.theme-red-theme .nav-sidebar .nav-link:hover {
    background-color: var(--vscode-bg-hover) !important;
    color: var(--vscode-yellow) !important;
}

body.theme-red-theme .nav-sidebar .nav-link.active {
    background-color: var(--vscode-bg-hover) !important;
    color: var(--vscode-orange) !important;
    border-left: 3px solid var(--vscode-red) !important;
}

/* ==========================================
   代码和预格式化文本
   ========================================== */

body.theme-red-theme code,
body.theme-red-theme pre {
    background-color: var(--vscode-bg-editor) !important;
    color: var(--vscode-green) !important;
    border: 1px solid var(--vscode-border) !important;
}

/* ==========================================
   特殊标记
   ========================================== */

body.theme-red-theme .badge-primary {
    background-color: var(--vscode-red) !important;
}

body.theme-red-theme .badge-success {
    background-color: var(--vscode-green) !important;
}

body.theme-red-theme .badge-warning {
    background-color: var(--vscode-yellow) !important;
    color: var(--vscode-bg-editor) !important;
}

body.theme-red-theme .badge-danger {
    background-color: #ff3838 !important;
}

/* ==========================================
   页脚
   ========================================== */

body.theme-red-theme .main-footer {
    background-color: var(--vscode-bg-panel) !important;
    border-top: 1px solid var(--vscode-border) !important;
    color: var(--vscode-fg-comment) !important;
}

/* ==========================================
   特殊效果 - 红色主题特有
   ========================================== */

/* 给活动元素添加红色发光效果 */
body.theme-red-theme .nav-link.active::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 3px;
    background: linear-gradient(to bottom, 
        transparent, 
        var(--vscode-red), 
        transparent
    );
    box-shadow: 0 0 10px var(--vscode-red);
}

/* 鼠标悬停时的红色辉光 */
body.theme-red-theme .btn:hover {
    box-shadow: 0 0 15px rgba(255, 107, 107, 0.3) !important;
}

/* ==========================================
   UI Builder 侧边栏
   ========================================== */

body.theme-red-theme .control-sidebar,
body.theme-red-theme .control-sidebar-dark {
    background-color: var(--vscode-bg-sidebar) !important;
    color: var(--vscode-fg-default) !important;
}

body.theme-red-theme .control-sidebar h5,
body.theme-red-theme .control-sidebar label {
    color: var(--vscode-fg-bright) !important;
}

body.theme-red-theme .control-sidebar select,
body.theme-red-theme .control-sidebar input[type="checkbox"] {
    background-color: var(--vscode-bg-panel) !important;
    color: var(--vscode-fg-default) !important;
    border-color: var(--vscode-border) !important;
}

body.theme-red-theme .control-sidebar hr {
    border-color: var(--vscode-border) !important;
}