/* Dark Mode for Zhang theme */
.dark-mode body {
    background: #1a1a2e;
    color: #c9d1d9;
}

.dark-mode a {
    color: #d48a8c;
}

.dark-mode a:hover,
.dark-mode a:active {
    color: #e8a0a2;
}

.dark-mode pre,
.dark-mode code {
    background: #2d2d44;
    color: #d4d4d4;
}

.dark-mode code {
    color: #e06c75;
}

.dark-mode pre code {
    color: #d4d4d4;
}

.dark-mode blockquote {
    border-left-color: #444;
    color: #aaa;
}

.dark-mode input[type="text"],
.dark-mode input[type="email"],
.dark-mode input[type="url"],
.dark-mode input[type="password"],
.dark-mode textarea {
    border-color: #3d3d5c;
    background: #2d2d44;
    color: #c9d1d9;
}

.dark-mode #header {
    border-bottom-color: #3d3d5c;
    background: rgba(90, 50, 30, 0.08);
    border-right-color: #d48a8c;
}

.dark-mode #header:hover,
.dark-mode #small-header:hover {
    background: rgba(159, 86, 58, .12);
}

.dark-mode #header .site-title,
.dark-mode #small-header .site-title {
    color: #e0e0e0 !important;
}

.dark-mode #header .site-description,
.dark-mode #small-header .site-description {
    color: #a0a0a0;
}

.dark-mode #logo {
    color: #e0e0e0;
}

.dark-mode .description {
    color: #888;
}

.dark-mode #nav-menu a {
    border-color: #3d3d5c;
    color: #c9d1d9;
}

.dark-mode #nav-menu a:hover,
.dark-mode #nav-menu .current {
    background: #2d2d44;
}

.dark-mode #search input {
    background: #2d2d44;
    border-color: #3d3d5c;
    color: #c9d1d9;
}

.dark-mode .post {
    border-bottom-color: #3d3d5c;
}

.dark-mode .post-title > a {
    color: #e0e0e0 !important;
}

.dark-mode .post-meta {
    color: #888;
}

.dark-mode .post-meta li {
    border-left-color: #3d3d5c;
}

.dark-mode .post-meta * {
    color: #888 !important;
}

.dark-mode .post-meta a:hover {
    color: #d48a8c !important;
}

.dark-mode .post-atmain:hover {
    background: #2d2d44;
}

.dark-mode .post-near {
    color: #888;
}

.dark-mode .post-near-child:hover {
    background-color: #2d2d44;
}

.dark-mode .archive-title {
    color: #888;
}

.dark-mode .archive-title > a {
    color: #e0e0e0 !important;
}

.dark-mode .archive-month {
    color: #e0e0e0;
}

.dark-mode .page-navigator li {
    background: #2d2d44;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .2);
}

.dark-mode .page-navigator li a {
    color: #c9d1d9;
}

.dark-mode .page-navigator li:hover {
    background: #3d3d5c;
}

.dark-mode .page-navigator li.current {
    background: #7b1c20;
}

.dark-mode .page-navigator li.current a {
    color: #fff;
}

.dark-mode #comments .text,
.dark-mode #comments .textarea {
    background-color: #2d2d44;
    color: #c9d1d9;
    border-bottom-color: #3d3d5c;
}

.dark-mode #comments .submit {
    color: #c9d1d9;
    background: #2d2d44;
    border-top-color: #3d3d5c;
}

.dark-mode #comments .submit:hover {
    background: #3d3d5c;
}

.dark-mode .tags a {
    color: #c9d1d9;
    background: #2d2d44;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .25), 0 1px 3px rgba(0, 0, 0, .2);
}

.dark-mode .tags a:hover {
    background: #3d3d5c;
}

.dark-mode .comment-list li.comment-level-odd {
    background: transparent;
}

.dark-mode .comment-author {
    color: #c9d1d9;
}

.dark-mode .comment-meta a {
    color: #888;
}

.dark-mode #secondary {
    color: #c9d1d9;
}

.dark-mode .widget-list li {
    color: #c9d1d9;
}

.dark-mode #footer {
    color: #888;
}

.dark-mode #small-header {
    background: rgba(90, 50, 30, 0.08);
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
    border-bottom-color: #d48a8c;
}

.dark-mode #body .container {
    background: #1e1e36;
    box-shadow: 0 0 24px rgba(0, 0, 0, 0.3);
}

.dark-mode .more {
    border-color: transparent;
}

.dark-mode .more a {
    color: #888 !important;
}

.dark-mode .more:hover a {
    color: #d48a8c !important;
}

.dark-mode .more:hover {
    border-color: #d48a8c;
}

.dark-mode .site-search {
    background-color: #1e1e36;
}

.dark-mode .site-search:hover {
    background-color: #2d2d44;
}

.dark-mode .site-search-top {
    background-color: #1e1e36;
}

.dark-mode .site-search-top:hover {
    background-color: #2d2d44;
}

.dark-mode .site-search #s,
.dark-mode .site-search-top #s {
    color: #c9d1d9;
    background-color: transparent;
    border-bottom-color: #3d3d5c;
}

.dark-mode .site-search #s:hover,
.dark-mode .site-search-top #s:hover {
    background-color: transparent;
}

.dark-mode #helpbar #back2top {
    color: #888;
}

.dark-mode .post-content a img,
.dark-mode .comment-content a img {
    background: transparent;
}

/* Highlight.js dark theme override */
.dark-mode .hljs {
    background: #2d2d44 !important;
    color: #d4d4d4 !important;
}