/* ========================================
   DARK MODE
   Grey text + muted green accent
   ======================================== */

body.dark-mode {
    background-color: #111111;
    color: #D4D4D4;
}

body.dark-mode ::selection,
body.dark-mode ::-moz-selection {
    background-color: #2D5F3F;
    color: #FFFFFF;
}

/* Headings */
body.dark-mode h1,
body.dark-mode .site-name,
body.dark-mode .page-title {
    color: #E5E5E5;
}

body.dark-mode h2 {
    color: #5ABA7A;
}

body.dark-mode h3 {
    color: #E5E5E5;
}

/* Links & list items */
body.dark-mode a,
body.dark-mode li,
body.dark-mode p {
    color: #5ABA7A;
}

/* Muted text */
body.dark-mode .site-subline,
body.dark-mode .tagline,
body.dark-mode .footer-item,
body.dark-mode .built-in,
body.dark-mode .date-line,
body.dark-mode .nav-top,
body.dark-mode .back-link,
body.dark-mode .back-link a,
body.dark-mode .entry-note,
body.dark-mode .empty {
    color: #888888;
}

/* Nav & hover */
body.dark-mode .nav-top a {
    color: #888888;
}

body.dark-mode .nav-top a:hover,
body.dark-mode .back-link a:hover,
body.dark-mode a:hover {
    color: #7CD49A;
}

/* Borders */
body.dark-mode footer {
    border-color: #2A2A2A;
    color: #888888;
}

body.dark-mode footer a {
    color: #5ABA7A;
}

body.dark-mode .entry {
    border-color: #2A2A2A;
    background-color: #1A1A1A;
}

body.dark-mode .entry-text {
    color: #D4D4D4;
}

body.dark-mode .entry-link {
    color: #5ABA7A;
}

body.dark-mode .profile-photo {
    border-color: #2A2A2A;
}

/* Blockquote */
body.dark-mode blockquote {
    border-left-color: #2A2A2A;
    color: #888888;
}

/* Bold / strong */
body.dark-mode strong,
body.dark-mode b {
    color: #E5E5E5;
}

/* Article page — CSS variable overrides */
body.dark-mode {
    --bg: #111111;
    --text: #D4D4D4;
    --text-muted: #888888;
    --heading: #E5E5E5;
    --heading-secondary: #E5E5E5;
    --bold: #E5E5E5;
    --link: #5ABA7A;
    --link-underline: #5ABA7A;
    --border: #2A2A2A;
    --blockquote-border: #2A2A2A;
    --selection-bg: #2D5F3F;
    --selection-text: #FFFFFF;
}

body.dark-mode img {
    border-color: #2A2A2A;
}

body.dark-mode a.text-link {
    color: #5ABA7A;
    text-decoration-color: #5ABA7A;
}

body.dark-mode a.text-link:hover {
    color: #7CD49A;
}