/* CLAUDE: 2026-10-03 19:50 - new file, night mode overrides for the Sparkling theme.
   Scoped entirely under body.dark-mode so it never affects the default (light)
   appearance. The navbar (.navbar-default, #363636) and footer (#colophon,
   #1F1F1F) are already dark in the base theme and need no override here. */

body.dark-mode {
    background-color: #1a1a1a;
    color: #cfcfcf;
}

body.dark-mode a {
    color: #ff7a85;
}

body.dark-mode a:hover,
body.dark-mode a:focus {
    color: #ffb3ba;
}

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode .h1,
body.dark-mode .h2,
body.dark-mode .h3,
body.dark-mode .h4,
body.dark-mode .h5,
body.dark-mode .h6 {
    color: #ff7a85;
}

body.dark-mode .post-inner-content,
body.dark-mode .well,
body.dark-mode .cfa {
    background-color: #242424;
    border-color: #3a3a3a;
    color: #cfcfcf;
}

body.dark-mode .entry-title a {
    color: #ff7a85;
}

body.dark-mode #secondary .widget {
    border-color: #3a3a3a;
}

body.dark-mode #secondary .widget > h3 {
    color: #ff7a85;
}

/* Night-mode toggle switch, injected by dark-mode.js */
.sparkling-dark-toggle {
    position: fixed;
    /* CLAUDE: 2026-10-17 - the toggle used to sit at right: 18px, bottom: 18px and covered the
       theme's scroll-to-top button (right: 20px, bottom: 4%, 40px tall). It now sits right above
       that button, same right edge. */
    /* right: 18px; */
    /* bottom: 18px; */
    /* left: 18px; (tried, dropped: Ati wants it above the button) */
    right: 20px;
    bottom: calc(4% + 52px);
    z-index: 9999;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    border: none;
    background-color: #363636;
    color: #fff;
    font-size: 18px;
    line-height: 44px;
    text-align: center;
    cursor: pointer;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

body.dark-mode .sparkling-dark-toggle {
    background-color: #ff7a85;
    color: #1a1a1a;
}

/* CLAUDE: 2026-10-17 - toggle as the last main-menu item; inherits the theme's nav link styling. */
.sparkling-dark-toggle-link {
    cursor: pointer;
    font-size: 18px;
}
/* CLAUDE END: menu toggle */