/* Sesto Sports Dark Mode */
:root {
    --c-text: #e5e7eb;
    --c-text-2: #9ca3af;
    --c-text-3: #6b7280;
    --c-bg: #1f2937;
    --c-bg-2: #111827;
    --c-bg-3: #0f172a;
    --c-border: #374151;
    --c-border-l: #1f2937;
    --c-dark: #0a0a0a;
    --c-dark-2: #050505;
}

body { background: var(--c-bg-2); color: var(--c-text); }

.site-header,
.sesto-widget,
.sesto-post-card,
.sesto-article,
.sesto-page-wrap,
.error-404,
.sesto-search-form {
    background: var(--c-bg) !important;
}

.site-text-logo,
.post-card-title a,
.section-title-text,
.article-title,
.page-title,
.comments-title,
.sesto-widget-title,
.post-card-title a:hover,
h1, h2, h3, h4, h5, h6 {
    color: var(--c-text) !important;
}

.post-card-excerpt,
.article-meta,
.post-card-meta {
    color: var(--c-text-2) !important;
}

.article-content blockquote,
.article-share,
.article-author-box,
.category-description {
    background: var(--c-bg-2) !important;
    color: var(--c-text);
}

.article-content table th {
    background: var(--c-bg-2);
}

.article-content table th,
.article-content table td {
    border-color: var(--c-border);
}

.article-content code,
.article-content pre {
    background: var(--c-bg-3);
    color: #fbbf24;
}

.comment-list .comment {
    background: var(--c-bg-2);
}

.sesto-pagination a,
.sesto-pagination span {
    background: var(--c-bg);
    color: var(--c-text);
    border-color: var(--c-border);
}

.sesto-pagination .current,
.sesto-pagination a:hover {
    background: var(--c-accent);
    color: #fff;
    border-color: var(--c-accent);
}

.sesto-search-form { background: var(--c-bg); }
.sesto-search-field { color: var(--c-text); }

.mobile-menu-overlay { background: var(--c-bg); }

.header-icon-btn { background: var(--c-bg-2); color: var(--c-text); }
.header-icon-btn:hover { background: var(--c-primary); color: var(--c-dark); }

.tagcloud a { background: var(--c-bg-2); color: var(--c-text-2); }
.tagcloud a:hover { background: var(--c-accent); color: #fff; }

.article-tags a { background: var(--c-bg-2); color: var(--c-text-2); }
.article-tags a:hover { background: var(--c-accent); color: #fff; }