/* media switch for dark mode themes */


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

    .bg-primary {
        background-color: var(--color-very-light-gray) !important;
    }

    a {
        color: var(--color-green); !important;
        text-decoration: none;
    }

}


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

    .bg-primary {
        background-color: var(--color-light-gray) !important;
    }

    .bg-body {
        background-color: var(--color-dark-grey) !important;
    }


    body{
        background-color: var(--color-dark-grey);
        color: var(--color-light-gray); /* text color */
    }

    /* text color links */
    a{
        color: var(--color-green) !important;
    }

    /* text color of navbar */
    a.header{
        color: var(--color-green) !important;
    }


    .row{
        background-color: var(--color-dark-grey);
    }

    /* text color of navbar */
    nav .navbar-nav li a{
        color: var(--color-darkdark-grey) !important;
    }

    /* background color of latest news */
    .custom-card-content-latest-news {
        background-color: var(--color-gray) !important;
    }

}