/* ===============================================
   Wzslinker 主题系统 - 全局主题样式
   统一双主题：Dark (默认) / Solarized Light
   =============================================== */

/* ==================== 默认主题：Dark（深色主题）==================== */
:root {
    /* 背景色系 - 三层渐进 */
    --bg-primary: #1a1a1a;          /* 主背景（最深） */
    --bg-secondary: #2a2a2a;        /* 次级背景（卡片、面板、导航栏） */
    --bg-tertiary: #3a3a3a;         /* 第三层背景（悬停状态） */
    --bg-overlay: rgba(26, 26, 26, 0.95); /* 半透明遮罩 */
    
    /* 文字色系 - 三级层次 */
    --text-primary: #FFFFFF;        /* 主要文字（最重要） */
    --text-secondary: #CCCCCC;      /* 次要文字（说明文字） */
    --text-muted: #888888;          /* 弱化文字（提示、禁用） */
    --text-inverse: #000000;        /* 反色文字（用于亮色背景上） */
    
    /* 边框和分割线 */
    --border-color: #333333;        /* 常规边框 */
    --border-light: #444444;        /* 浅色边框 */
    
    /* 强调色系 - 品牌色 */
    --accent-color: #FFD700;        /* 主强调色（金色） */
    --accent-hover: #FFC700;        /* 强调色悬停 */
    --accent-active: #FFE44D;       /* 强调色激活 */
    --accent-light: rgba(255, 215, 0, 0.1); /* 强调色浅色背景 */
    
    /* 功能色系 */
    --success: #4CAF50;             /* 成功（绿色） */
    --danger: #FF4444;              /* 危险/删除（红色） */
    --warning: #FFA500;             /* 警告（橙色） */
    --info: #2196F3;                /* 信息（蓝色） */
    
    /* 导航专用色 */
    --nav-bg: #1a1a1a;              /* 导航背景 */
    --nav-text: #CCCCCC;            /* 导航文字 */
    --nav-text-hover: #FFFFFF;      /* 导航文字悬停 */
    --nav-bg-hover: #2a2a2a;        /* 导航背景悬停 */
    --nav-active-bg: #2a2a2a;       /* 导航激活背景 */
    --nav-active-text: #FFD700;     /* 导航激活文字 */
    
    /* 按钮专用色 */
    --btn-bg: #FFD700;
    --btn-text: #000000;
    --btn-hover: #FFC700;
    
    /* 滚动条 */
    --scrollbar-track: transparent;
    --scrollbar-thumb: #444444;
    --scrollbar-thumb-hover: #555555;
}

/* ==================== Solarized Light（阳光浅色）==================== */
[data-theme="solarized-light"] {
    /* 背景色系 */
    --bg-primary: #fdf6e3;
    --bg-secondary: #eee8d5;
    --bg-tertiary: #d3cbb7;
    --bg-overlay: rgba(253, 246, 227, 0.95);
    
    /* 文字色系 */
    --text-primary: #657b83;
    --text-secondary: #586e75;
    --text-muted: #93a1a1;
    --text-inverse: #fdf6e3;
    
    /* 边框和分割线 */
    --border-color: #d9d2c2;
    --border-light: #e8e2d5;
    
    /* 强调色系 - Solarized蓝 */
    --accent-color: #268bd2;
    --accent-hover: #2075b3;
    --accent-active: #1a5f94;
    --accent-light: rgba(38, 139, 210, 0.1);
    
    /* 功能色系 */
    --success: #859900;
    --danger: #dc322f;
    --warning: #cb4b16;
    --info: #2aa198;
    
    /* 导航专用色 */
    --nav-bg: #fdf6e3;
    --nav-text: #586e75;
    --nav-text-hover: #268bd2;
    --nav-bg-hover: #eee8d5;
    --nav-active-bg: #eee8d5;
    --nav-active-text: #268bd2;
    
    /* 按钮专用色 */
    --btn-bg: #268bd2;
    --btn-text: #fdf6e3;
    --btn-hover: #2075b3;
    
    /* 滚动条 */
    --scrollbar-track: #eee8d5;
    --scrollbar-thumb: #93a1a1;
    --scrollbar-thumb-hover: #839496;
}

/* ==================== Solarized Light 导航栏样式覆盖 ==================== */
/* 覆盖硬编码的内联样式，解决浅色背景下文字不可见问题 */

/* 覆盖 body 背景 */
[data-theme="solarized-light"] body,
[data-theme="solarized-light"] body[bgcolor] {
    background-color: var(--bg-primary) !important;
}

/* 覆盖导航栏容器背景 */
[data-theme="solarized-light"] #autore {
    background-color: var(--bg-secondary) !important;
}

/* 为浅色背景调整的多彩配色 - 将深色主题颜色映射为Solarized调色板 */

/* 白色/浅色系 → Solarized蓝色 */
[data-theme="solarized-light"] .nav-item span[style*="color:#FFFAFA"],
[data-theme="solarized-light"] .nav-item span[style*="color:#FFFFFF"],
[data-theme="solarized-light"] .nav-item span[style*="color:#80FFFF"],
[data-theme="solarized-light"] .nav-item span[style*="color:#00FFFF"] {
    color: #268bd2 !important;
}

/* 绿色系 → Solarized绿色 */
[data-theme="solarized-light"] .nav-item span[style*="color:#07c160"],
[data-theme="solarized-light"] .nav-item span[style*="color:#00FF00"] {
    color: #859900 !important;
}

/* 金色/橙色系 → Solarized黄色 */
[data-theme="solarized-light"] .nav-item span[style*="color:#FFD700"],
[data-theme="solarized-light"] .nav-item span[style*="color:#FFB871"],
[data-theme="solarized-light"] .nav-item span[style*="color:#FFA500"] {
    color: #b58900 !important;
}

/* 紫红色系 → Solarized品红 */
[data-theme="solarized-light"] .nav-item span[style*="color:#FF00FF"] {
    color: #d33682 !important;
}

/* 红色系 → Solarized红色 */
[data-theme="solarized-light"] .nav-item span[style*="color:#FC2944"],
[data-theme="solarized-light"] .nav-item span[style*="color:#FF4444"] {
    color: #dc322f !important;
}

/* 导航链接悬停效果 */
[data-theme="solarized-light"] .nav-item:hover span[style*="color"] {
    opacity: 0.8;
}

/* ==========================================
   全局样式应用
   ========================================== */

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* 链接 */
a {
    color: var(--accent-color);
    transition: color 0.3s ease;
}

a:hover {
    color: var(--accent-hover);
}

/* 滚动条样式 */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: var(--scrollbar-track);
}

::-webkit-scrollbar-thumb {
    background: var(--scrollbar-thumb);
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--scrollbar-thumb-hover);
}

/* 按钮通用样式 */
button {
    transition: all 0.3s ease;
}

/* 兼容性类 */
.bg-primary { background-color: var(--bg-primary) !important; }
.bg-secondary { background-color: var(--bg-secondary) !important; }
.text-primary { color: var(--text-primary) !important; }
.text-accent { color: var(--accent-color) !important; }