/* 
 * 暗色模式增强支持
 */

/* 亮色模式变量 */
[data-theme="light"] {
    --bg-color: #ffffff;
    --text-color: #333333;
    --text-secondary: #666666;
    --border-color: #eeeeee;
    --border-dark: #dddddd;
    --hover-color: #f5f5f5;
    --header-bg: #ffffff;
    --logo-light-display: block;
    --logo-dark-display: none;
}

/* 暗色模式变量增强 */
[data-theme="dark"] {
    --bg-color: #1a1a1a;
    --text-color: #f0f0f0;
    --text-secondary: #cccccc;
    --text-light: #999999;
    --text-lighter: #666666;
    --bg-light: #1e1e1e;
    --bg-lighter: #333333;
    --border-color: #2c2c2c;
    --border-dark: #444444;
    --border-light: #2a2a2a;
    --hover-color: #333333;
    --header-bg: #1a1a1a;
    --logo-light-display: none;
    --logo-dark-display: block;
    
    /* 覆盖DashBoard页面背景色 */
    --primary-05: rgba(51, 109, 244, 0.05);
    --primary-10: rgba(51, 109, 244, 0.1);
    --primary-15: rgba(51, 109, 244, 0.15);
}

/* Dashboard页面暗色模式优化 */
/* 移除重复的背景样式定义，由custom.css统一管理 */

[data-theme="dark"] .dashboard-slogan h1 {
    color: var(--text-color);
}

[data-theme="dark"] .dashboard-slogan p {
    color: var(--text-light);
}

[data-theme="dark"] .featured-card,
[data-theme="dark"] .recent-card,
[data-theme="dark"] .category-card {
    background-color: var(--bg-light);
    border-color: var(--border-color);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

[data-theme="dark"] .card-header h2 {
    color: var(--text-color);
}

[data-theme="dark"] .card-header .header-icon .icon-path {
    fill: var(--primary-color);
}

[data-theme="dark"] .featured-item a, 
[data-theme="dark"] .recent-item a, 
[data-theme="dark"] .category-post-item a {
    color: var(--text-color);
}

[data-theme="dark"] .post-date {
    color: var(--text-light);
}

[data-theme="dark"] .dashboard-container,
[data-theme="dark"] .content-wrapper,
[data-theme="dark"] .article-content {
    background-color: var(--bg-color);
}

[data-theme="dark"] .article-title,
[data-theme="dark"] .article-title a {
    color: var(--text-color);
}

/* 确保深色模式下标题正确显示 */
[data-theme="dark"] .article-title {
    color: var(--text-color);
    font-weight: bold;
}

[data-theme="dark"] .article-meta {
    color: var(--text-light);
}

[data-theme="dark"] .section-title {
    color: var(--text-color);
}

/* 独立页面暗色模式优化 */
[data-theme="dark"] .page-container {
    background-color: var(--bg-color);
}

[data-theme="dark"] .page-title {
    color: var(--text-color);
}

[data-theme="dark"] .page-content {
    color: var(--text-color);
}