/* Light Mode Reset for Photo Galleries */
/* ---------------------------------- */
/* My website is typically dark mode by default with light mode overrides.*/
/* However the photo galleries are always in dark mode, so this is a light mode blocker to override the light mode styles in the default styles in blog-cssgrid.css. */

@media (prefers-color-scheme: light) {

    body, html {
        background-color: var(--background-color-darkmode);
        color: var(--text-color-darkmode);
    }

    header a:hover {
        filter: grayscale();
    }

    h3 {
        color: var(--text-secondary-color-darkmode);
    }

    hr {
        filter: invert(0);
    }

    footer {
        background-color: var(--background-color-darkmode);
        color: var(--text-color-darkmode);

        & a, footer a:visited {
            padding-bottom: 0;
        }

        & a:hover {
            border-color: var(--accent-color);
            color: var(--accent-color);
        }

    }

}