/**
 * Thème sombre pour les pages de contenu (blog index, blog show).
 * Surcharges lorsque html[data-theme="dark"].
 */

[data-theme="dark"] body {
    background: #0E0C18 !important;
    color: #e2e8f0 !important;
}

/* ----- Blog index ----- */
[data-theme="dark"] .post {
    background: #1a162e !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .post:hover {
    border-color: rgba(90, 95, 202, 0.4) !important;
    box-shadow: 0 4px 12px rgba(90, 95, 202, 0.15) !important;
}

[data-theme="dark"] .post-content,
[data-theme="dark"] .post h2,
[data-theme="dark"] .post h2 a {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .post h2 a:hover {
    color: #a5b4fc !important;
}

[data-theme="dark"] .post-meta {
    color: #94a3b8 !important;
}

[data-theme="dark"] .post-meta a {
    color: #a5b4fc !important;
}

[data-theme="dark"] .post-meta a:hover {
    color: #c4b5fd !important;
}

[data-theme="dark"] .post-category {
    background: rgba(90, 95, 202, 0.2) !important;
    color: #a5b4fc !important;
}

[data-theme="dark"] .post-category:hover {
    background: rgba(90, 95, 202, 0.3) !important;
}

[data-theme="dark"] .excerpt {
    color: #94a3b8 !important;
}

[data-theme="dark"] .read-more {
    color: #a5b4fc !important;
}

[data-theme="dark"] .card {
    background: #1a162e !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .card-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .card ul li a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .card ul li a:hover {
    background: rgba(90, 95, 202, 0.15) !important;
    color: #a5b4fc !important;
}

[data-theme="dark"] .tag {
    background: #1a162e !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .tag:hover {
    background: #5a5fca !important;
    color: #fff !important;
    border-color: #5a5fca !important;
}

[data-theme="dark"] .rss-link {
    color: #a5b4fc !important;
}

[data-theme="dark"] .rss-link:hover {
    background: rgba(90, 95, 202, 0.15) !important;
}

[data-theme="dark"] .pagination li a,
[data-theme="dark"] .pagination li span {
    background: #1a162e !important;
    border-color: rgba(255, 255, 255, 0.12) !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .pagination li a:hover {
    background: #5a5fca !important;
    color: #fff !important;
    border-color: #5a5fca !important;
}

[data-theme="dark"] .pagination li.active span {
    background: #5a5fca !important;
    color: #fff !important;
    border-color: #5a5fca !important;
}

[data-theme="dark"] .pagination li.disabled span {
    background: #0e0c18 !important;
    color: #64748b !important;
    border-color: rgba(255, 255, 255, 0.06) !important;
}

[data-theme="dark"] .empty-state {
    color: #94a3b8 !important;
}

/* ----- Blog show (article) ----- */
[data-theme="dark"] .article-header h1 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .article-meta {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .meta-item {
    color: #94a3b8 !important;
}

[data-theme="dark"] .meta-item a {
    color: #a5b4fc !important;
}

[data-theme="dark"] .category-badge {
    background: rgba(90, 95, 202, 0.2) !important;
    color: #a5b4fc !important;
}

[data-theme="dark"] .article-summary {
    background: rgba(90, 95, 202, 0.08) !important;
    border-left-color: #5a5fca !important;
}

[data-theme="dark"] .article-summary h2 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .article-summary li {
    color: #94a3b8 !important;
}

[data-theme="dark"] .article-summary-sidebar {
    background: rgba(90, 95, 202, 0.08) !important;
    border-left-color: #5a5fca !important;
}

[data-theme="dark"] .article-summary-sidebar-title {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .article-summary-sidebar-content li {
    color: #94a3b8 !important;
}

[data-theme="dark"] .article-content {
    background: #1a162e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .article-content h1,
[data-theme="dark"] .article-content h2,
[data-theme="dark"] .article-content h3,
[data-theme="dark"] .article-content h4 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .article-content h2 {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .article-content p,
[data-theme="dark"] .article-content li {
    color: #c9ceda !important;
}

[data-theme="dark"] .article-content strong {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .article-content a {
    color: #a5b4fc !important;
}

[data-theme="dark"] .article-content a:hover {
    color: #c4b5fd !important;
}

[data-theme="dark"] .article-content blockquote {
    border-left-color: #5a5fca !important;
    color: #94a3b8 !important;
}

[data-theme="dark"] .article-content code {
    background: rgba(0, 0, 0, 0.35) !important;
    color: #f472b6 !important;
}

[data-theme="dark"] .article-content pre {
    background: #0e0c18 !important;
    color: #e2e8f0 !important;
}

[data-theme="dark"] .related-articles {
    background: #1a162e !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .related-articles h2 {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .related-list li {
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .related-list a {
    color: #f1f5f9 !important;
}

[data-theme="dark"] .related-list a:hover {
    color: #a5b4fc !important;
}

[data-theme="dark"] .back-link {
    color: #a5b4fc !important;
}

[data-theme="dark"] .toc-container {
    background: #1a162e !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2) !important;
}

[data-theme="dark"] .toc-title {
    color: #f1f5f9 !important;
    border-bottom-color: rgba(255, 255, 255, 0.08) !important;
}

[data-theme="dark"] .toc-list a {
    color: #94a3b8 !important;
}

[data-theme="dark"] .toc-list a:hover {
    color: #a5b4fc !important;
    background: rgba(90, 95, 202, 0.12) !important;
}

[data-theme="dark"] .toc-list a.active {
    color: #a5b4fc !important;
    background: rgba(90, 95, 202, 0.15) !important;
}