/* style-colors.css */
body {
    background-color: #ffffff; /* Default: Pure white */
    color: #000000;            /* Default: Pure black */
}

@media (prefers-color-scheme: dark) {
    body {
        background-color: #333333; /* Keep dark gray background matching active image styles */
        color: #ffffff;            /* Plain white text */
    }
    a {
        color: #8ab4f8;
    }
    a:visited {
        color: #c9b0e7;
    }
    a:hover {
        color: #ff8585;
    }
    #footer-light {
        display: none !important;
    }
    #footer-dark {
        display: block !important;
    }
    hr {
        border: 0;
        border-top: 1.5px solid #444444;
    }
}

@media (prefers-color-scheme: light) {
    body {
        background-color: #ffffff; /* Pure white */
        color: #000000;            /* Pure black */
    }
    a {
        color: #0033cc;
    }
    a:visited {
        color: #551a8b;
    }
    a:hover {
        color: #ff3300;
    }
    #footer-light {
        display: block !important;
    }
    #footer-dark {
        display: none !important;
    }
    hr {
        border: 0;
        border-top: 1.5px solid #e0e0e0;
    }
}