/* style_dark.css
   Wird zusätzlich zu style.css geladen und überschreibt Farben/Flächen im Dark Mode.
*/

/* Grundfarben */
body {
    background-color: #0b1220;
    color: #e6edf7;
}

a {
    color: #ffb36b;
}

a:hover {
    color: #ffd0a3;
}

/* Header */
.header {
    background-color: #0f1930;
    border-bottom-color: #24314f;
    box-shadow: 0 1px 2px rgba(0,0,0,0.35);
}

.site-logo {
    background-color: #101a2e;
    color: #e6edf7;
}

.site-logo:hover {
    background-color: #142042;
    color: #e6edf7;
}

.site-title {
    color: #e6edf7;
}

.site-title:hover {
    color: #ffb36b;
}

/* Switch im Dark Mode etwas ruhiger */
.theme-switch__track {
    background: #101a2e;
    border-color: #24314f;
}
.theme-switch__thumb {
    background: #e6edf7;
    border-color: rgba(255,255,255,0.25);
}

/* Hamburger */
.mobile-menu-toggle span {
    background-color: #e6edf7;
}

/* Navigation */
.navigation a {
    color: #b7c3d9;
}

.navigation a:hover,
.navigation a.active {
    color: #ffb36b;
    border-bottom-color: #ffb36b;
}

@media (max-width: 768px) {
    .navigation {
        border-top-color: #24314f;
    }
    .navigation a {
        border-bottom-color: #24314f;
    }
}

/* Cards / Flächen */
.post,
.post-preview,
.static-page,
.widget,
.pagination-prev,
.pagination-next,
.footer {
    background-color: #101a2e;
    box-shadow: 0 2px 10px rgba(0,0,0,0.35);
}

/* Typografie */
.post-title,
.page-title,
.widget-title,
.footer-section h3 {
    color: #e6edf7;
}

.post-content,
.post-excerpt,
.page-content,
.widget-content,
.footer-section p {
    color: #cbd6ea;
}

/* Meta */
.post-meta,
.post-date-small,
.last-updated,
.footer-bottom {
    color: #94a3bf;
}

.post-category,
.tag,
.tag-cloud-item {
    background-color: #0f1930;
    color: #b7c3d9;
}

.tag:hover,
.tag-cloud-item:hover {
    background-color: #ffb36b;
    color: #0b1220;
}

/* Borders / Lines */
.widget-title {
    border-bottom-color: #24314f;
}

.post-tags {
    border-top-color: #24314f;
}

.recent-posts li {
    border-bottom-color: #24314f;
}

.footer {
    border-top-color: #24314f;
}

.footer-bottom {
    border-top-color: #24314f;
}

/* Code / Pre */
.post-content code {
    background-color: #0f1930;
    color: #e6edf7;
}

.post-content pre {
    background-color: #0a1020;
    color: #e6edf7;
}

/* Links im Footer */
.footer-links a,
.footer-bottom a {
    color: #b7c3d9;
}

.footer-links a:hover,
.footer-bottom a:hover {
    color: #ffb36b;
}