/* Dark-mode override for the researcher theme.
   Loaded after the theme CSS from layouts/partials/head.html, so we can
   use ordinary selectors with mild specificity rather than !important. */

html, body {
    background-color: #0f1113;
}

body, body * {
    color: #e6e6e6;
}

/* Navbar brand and nav links */
.navbar-brand,
.navbar-brand:hover,
.navbar-brand * {
    color: #f2f2f2;
}

.nav-item.nav-link {
    color: #ff6b78;
}
.nav-item.nav-link:hover {
    color: #ff8a95;
}
.navbar-text {
    color: #888;
}

/* Content links */
#content a,
#content a * {
    color: #ff6b78;
}
#content a:hover,
#content a:hover * {
    color: #ff8a95;
    text-decoration: underline;
}

/* Headings — off-white, bold */
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
    color: #f5f5f5;
}

/* Horizontal rule */
#content hr {
    border-color: #2a2d31;
}

/* Code blocks */
#content code {
    color: #f0d080;
    background-color: #1a1d20;
    border: 1px solid #2a2d31;
}
#content pre {
    background-color: #1a1d20;
    border: 1px solid #2a2d31;
    padding: 8px;
    border-radius: 4px;
}
#content pre code {
    color: #e6e6e6;
}

/* Tables */
#content table th,
#content table td {
    border-color: #2a2d31;
}
#content table tr:nth-child(2n) {
    background-color: #15181b;
}

/* Blockquotes */
#content blockquote {
    border-left-color: #444;
    color: #cccccc;
}

/* Footer */
#footer,
#footer * {
    color: #888;
}
#footer a,
#footer a:hover,
#footer a * {
    color: #aaaaaa;
}

/* Avatar: slight shadow for depth on dark bg */
#content .avatar > img {
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);
}