/* COLOR SCHEME MODES
 */

/* AUTO *********************************************************/


@media (prefers-color-scheme: dark) {
    body.nd-auto {
        --accent: #fff;
        --main: #25272b;
        --blu: #2499cf;
        --vio: #4a156e;
        --pin: #dc0086;
        --yel: #ffd134;
        --gre: #00a98c;
        --text: #ffd134;
        --dgray: #575757;
        --gray: #a1adb6;
        --light: #eff2f4;
        --white: #171717;
        --bgr: #25272b;
    }



    body.nd-auto, .nd-auto #page {
        background-color: var(--bgr);
    }
    .nd-auto {


        .has-main-color-color {color: var(--main);}
        .has-accent-color-color {color: var(--dgray);}
        .has-text-color-color {color: var(--text);}
        .has-light-color-color {color: var(--white);}
        .has-white-color-color {color: var(--white);}

        .has-accent-color-background-color { background-color: var(--dgray);}
        .has-main-color-background-color { background-color: var(--main);}
        .has-text-color-background-color { background-color: var(--text);}
        .has-light-color-background-color { background-color: var(--white);}
        .has-white-color-background-color { background-color: var(--white);}


        a, .front-cat-box, .post-date {
            color: var(--accent);
        }
        .main-navigation li {
            background-color: var(--dgray);
        }
        article .entry-header,
        article .entry-title-cont,
        article .entry-title {
            background-color: var(--white);
        }

        .content-frame,
        .home-content,
        .library-post-link,
        .niewi-subcat-link.cat-selected,
        .widget-post-box a,
        .niewi-widget-list .current-element a,
        .niewi-widget-list a:hover,
        #back-to-top:focus-visible,
        #back-to-top:hover,
        #advanced-search button,
        .pagination ul li a:hover,
        .pagination ul li a:focus-visible {
            background-color: var(--white);
        }

        #home-latest-posts h2,
        .niewi-subcat-link.cat-selected,
        .niewi-widget-list .current-element a,
        .niewi-widget-list a:hover {
            color: var(--accent);
        }

        .footer-hero,
        .footer-hero h2,
        button.lb-prev,
        button.lb-next,
        #advanced-search button span.btn-text,
        .search-page-header .header-inner .entry-title,
        .placeholder-label-text {
            color: var(--accent);
        }

        .screen-reader-text:focus, .sr-only:focus {
            color: var(--bgr);
        }

        .front-featured-link img,
        .library-post-button img,
        .error-404-texts .button img,
        .niewi-no-content::before {
            filter: invert(1);
        }

        #header-inner {
            border-bottom-color: var(--white);
        }

        #home-about-bgr,
        .post-thumbnail-container.right,
        .hero-overlay,
        .library-post-thumbnail,
        .page .post-thumbnail img,
        #primary img {
            filter: brightness(0.8);
            transition: filter 0.3s ease-out;
        }

        #primary img:hover,
        #primary a img:focus-visible {
            filter: unset;
        }

        #main-404-image svg {
            filter: brightness(5);
        }

        .post-thumbnail.default-thumb img {
            filter: brightness(0.5);
        }

        #primary .niewi-subcat-link:hover,
        #primary .niewi-subcat-link:active,
        #primary .niewi-subcat-link:focus,
        #primary .niewi-subcat-link:focus-visible,
        #primary .library-post-button:hover,
        #primary .library-post-button:focus,
        #primary .library-post-button:active,
        #primary .library-post-button:focus-visible {
            color: var(--light);
            background-color: var(--white);
            box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.7);
            border-bottom: 1px solid var(--light);
        }

        #primary .btn-white:hover,
        #primary .btn-white:focus-visible,
        #primary .library-post-link:hover .library-post-button,
        #primary .library-post-button:hover,
        #primary .library-post-button:focus-visible,
        #primary .library-post-link:focus-visible .library-post-button,
        #footer-about .library-post-button:hover,
        #footer-about .library-post-button:focus-visible {
            background-color: var(--main);
            color: var(--accent);
            border-bottom-color: var(--accent);
            box-shadow: 0 0 0.3em 0.1em rgba(0, 0, 0, 0.7);
        }

        #primary .byline-author a.author.vcard:hover,
        #primary .byline-author a.author.vcard:focus-visible {
            color: var(--accent);
            background-color: var(--white);
            outline: solid 0.1em var(--accent);
            border-bottom-color: var(--accent);
        }

        .searchform-wrap, #advanced-search {
            background-color: #ffd13436;
        }

        #advanced-search button {
            border-color: var(--accent);
        }

        #advanced-search label, #advanced-search label::before, #niewi-accessibility .wcag-btn {
            color: var(--text);
            background-color: var(--white);
        }

        .project-branding img {
            filter: grayscale(1) contrast(3) invert(1);
            background-color: var(--content);
            display: block;
        }

        .custom-logo.addidtional {
            background: url("./images/uniwersytet-warszawski-kontra.svg") no-repeat;
            width: 14em;
            height: 4.5em;
            padding-left: 14em;
            overflow: hidden;
            background-position: center;
            background-size: contain;
        }

        #footer-logos-wrap > img:first-child,
        #footer-logos-wrap > img:nth-child(5) {
            filter: grayscale(1) contrast(3) invert(1);
        }

        #footer-logos-wrap > img:nth-child(3) {
            background: url("../images/rzeczpospolita-polska-bw.svg") no-repeat;
            width: 10rem;
            height: 4em;
            padding-left: 10rem;
            overflow: hidden;
            background-position: center;
            background-size: contain;
            filter: drop-shadow(0 0.1px 0.01px white);
        }



        .niewi-no-content {
            border: 1px solid var(--accent);
            background-color: var(--bgr);
        }

        .library-no-posts-icon {
            opacity: 0.1;
            filter: grayscale(1) brightness(6);
        }

        #niewi-accessibility .wcag-btn svg {
            filter: unset;
        }

        #niewi-accessibility .wcag-btn:hover svg,
        #niewi-accessibility .wcag-btn:focus-visible svg {
            background-color: var(--accent);
        }

        #niewi-accessibility .wcag-btn:hover svg path,
        #niewi-accessibility .wcag-btn:focus-visible svg path {
            fill: var(--main);
        }

        .search-submit svg, #wcag-panel svg {
            fill: var(--text);
        }

        #wcag-panel:hover svg path {
            fill: var(--white);
        }

        #library-navigation.minified.toggled #topic-menu a:focus-visible .menuitem-title, .library-toggle:hover span.sr-only, .library-toggle:focus-visible span.sr-only {
            background: var(--bgr);
        }

        #pcf-form {
            border: 2px solid var(--white);
            background-color: var(--white);
            padding: 1em;
        }

        #pcf-form input, #pcf-form textarea {
            background-color: var(--dgray);
            color: var(--text);
        }

        #pcf-form input::placeholder, #pcf-form textarea::placeholder {
            color: var(--light);
        }

        #primary .fs a {
            color: var(--text);
        }

        #primary a.tag-link {
            background-color: var(--dgray);
        }

        #pcf-submit:hover, #pcf-submit:focus-visible {
            color: var(--text);
            background-color: var(--main);
            box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
            border: 1px solid var(--accent);
        }

        .niewi-pageof {
            border-right: 1px solid var(--dgray);
        }

        .reading-time {
            border: 2px solid var(--dgray);
            color: var(--light);
        }
        .library-post-category {
            background-color: var(--main);
            border: 1px solid var(--text);
            box-shadow: none;
        }
        .footer-widget-area:not(:first-child) {
            border-left: 1px solid var(--dgray);
        }
    }

}

/*DARK**********************************************************************************/
body.nd-dark {
    --accent: #fff;
    --main: #25272b;
    --blu: #2499cf;
    --vio: #4a156e;
    --pin: #dc0086;
    --yel: #ffd134;
    --gre: #00a98c;
    --text: #ffd134;
    --dgray: #575757;
    --gray: #a1adb6;
    --light: #eff2f4;
    --white: #171717;
    --bgr: #25272b;
}

body.nd-dark, .nd-dark #page {
    background-color: var(--bgr);
}

.nd-dark {

    .has-main-color-color {color: var(--main);}
    .has-accent-color-color {color: var(--dgray);}
    .has-text-color-color {color: var(--text);}
    .has-light-color-color {color: var(--white);}
    .has-white-color-color {color: var(--white);}

    .has-accent-color-background-color { background-color: var(--dgray);}
    .has-main-color-background-color { background-color: var(--main);}
    .has-text-color-background-color { background-color: var(--text);}
    .has-light-color-background-color { background-color: var(--white);}
    .has-white-color-background-color { background-color: var(--white);}


    a, .front-cat-box, .post-date {
        color: var(--accent);
    }
    .main-navigation li {
        background-color: var(--dgray);
    }
    article .entry-header,
    article .entry-title-cont,
    article .entry-title {
        background-color: var(--white);
    }

    .content-frame,
    .home-content,
    .library-post-link,
    .niewi-subcat-link.cat-selected,
    .widget-post-box a,
    .niewi-widget-list .current-element a,
    .niewi-widget-list a:hover,
    #back-to-top:focus-visible,
    #back-to-top:hover,
    #advanced-search button,
    .pagination ul li a:hover,
    .pagination ul li a:focus-visible {
        background-color: var(--white);
    }

    #home-latest-posts h2,
    .niewi-subcat-link.cat-selected,
    .niewi-widget-list .current-element a,
    .niewi-widget-list a:hover {
        color: var(--accent);
    }

    .footer-hero,
    .footer-hero h2,
    button.lb-prev,
    button.lb-next,
    #advanced-search button span.btn-text,
    .search-page-header .header-inner .entry-title,
    .placeholder-label-text {
        color: var(--accent);
    }

    .screen-reader-text:focus, .sr-only:focus {
        color: var(--bgr);
    }

    .front-featured-link img,
    .library-post-button img,
    .error-404-texts .button img,
    .niewi-no-content::before {
        filter: invert(1);
    }

    #header-inner {
        border-bottom-color: var(--white);
    }

    #home-about-bgr,
    .post-thumbnail-container.right,
    .hero-overlay,
    .library-post-thumbnail,
    .page .post-thumbnail img,
    #primary img {
        filter: brightness(0.8);
        transition: filter 0.3s ease-out;
    }

    #primary img:hover,
    #primary a img:focus-visible {
        filter: unset;
    }

    #main-404-image svg {
        filter: brightness(5);
    }

    .post-thumbnail.default-thumb img {
        filter: brightness(0.5);
    }

    #primary .niewi-subcat-link:hover,
    #primary .niewi-subcat-link:active,
    #primary .niewi-subcat-link:focus,
    #primary .niewi-subcat-link:focus-visible,
    #primary .library-post-button:hover,
    #primary .library-post-button:focus,
    #primary .library-post-button:active,
    #primary .library-post-button:focus-visible {
        color: var(--light);
        background-color: var(--white);
        box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.7);
        border-bottom: 1px solid var(--light);
    }

    #primary .btn-white:hover,
    #primary .btn-white:focus-visible,
    #primary .library-post-link:hover .library-post-button,
    #primary .library-post-button:hover,
    #primary .library-post-button:focus-visible,
    #primary .library-post-link:focus-visible .library-post-button,
    #footer-about .library-post-button:hover,
    #footer-about .library-post-button:focus-visible {
        background-color: var(--main);
        color: var(--accent);
        border-bottom-color: var(--accent);
        box-shadow: 0 0 0.3em 0.1em rgba(0, 0, 0, 0.7);
    }

    #primary .byline-author a.author.vcard:hover,
    #primary .byline-author a.author.vcard:focus-visible {
        color: var(--accent);
        background-color: var(--white);
        outline: solid 0.1em var(--accent);
        border-bottom-color: var(--accent);
    }

    .searchform-wrap, #advanced-search {
        background-color: #ffd13436;
    }

    #advanced-search button {
        border-color: var(--accent);
    }

    #advanced-search label, #advanced-search label::before, #niewi-accessibility .wcag-btn {
        color: var(--text);
        background-color: var(--white);
    }

    .project-branding img {
        filter: grayscale(1) contrast(3) invert(1);
        background-color: var(--content);
        display: block;
    }

    .custom-logo.addidtional {
        background: url("./images/uniwersytet-warszawski-kontra.svg") no-repeat;
        width: 14em;
        height: 4.5em;
        padding-left: 14em;
        overflow: hidden;
        background-position: center;
        background-size: contain;
    }

    #footer-logos-wrap > img:first-child,
    #footer-logos-wrap > img:nth-child(5) {
        filter: grayscale(1) contrast(3) invert(1);
    }

    #footer-logos-wrap > img:nth-child(3) {
        background: url("../images/rzeczpospolita-polska-bw.svg") no-repeat;
        width: 10rem;
        height: 4em;
        padding-left: 10rem;
        overflow: hidden;
        background-position: center;
        background-size: contain;
        filter: drop-shadow(0 0.1px 0.01px white);
    }



    .niewi-no-content {
        border: 1px solid var(--accent);
        background-color: var(--bgr);
    }

    .library-no-posts-icon {
        opacity: 0.1;
        filter: grayscale(1) brightness(6);
    }

    #niewi-accessibility .wcag-btn svg {
        filter: unset;
    }

    #niewi-accessibility .wcag-btn:hover svg,
    #niewi-accessibility .wcag-btn:focus-visible svg {
        background-color: var(--accent);
    }

    #niewi-accessibility .wcag-btn:hover svg path,
    #niewi-accessibility .wcag-btn:focus-visible svg path {
        fill: var(--main);
    }

    .search-submit svg, #wcag-panel svg {
        fill: var(--text);
    }

    #wcag-panel:hover svg path {
        fill: var(--white);
    }

    #library-navigation.minified.toggled #topic-menu a:focus-visible .menuitem-title, .library-toggle:hover span.sr-only, .library-toggle:focus-visible span.sr-only {
        background: var(--bgr);
    }

    #pcf-form {
        border: 2px solid var(--white);
        background-color: var(--white);
        padding: 1em;
    }

    #pcf-form input, #pcf-form textarea {
        background-color: var(--dgray);
        color: var(--text);
    }

    #pcf-form input::placeholder, #pcf-form textarea::placeholder {
        color: var(--light);
    }

    #primary .fs a {
        color: var(--text);
    }

    #primary a.tag-link {
        background-color: var(--dgray);
    }

    #pcf-submit:hover, #pcf-submit:focus-visible {
        color: var(--text);
        background-color: var(--main);
        box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
        border: 1px solid var(--accent);
    }

    .niewi-pageof {
        border-right: 1px solid var(--dgray);
    }

    .reading-time {
        border: 2px solid var(--dgray);
        color: var(--light);
    }
    .library-post-category {
        background-color: var(--main);
        border: 1px solid var(--text);
        box-shadow: none;
    }
    .footer-widget-area:not(:first-child) {
        border-left: 1px solid var(--dgray);
    }
}
/* HIGH CONTRAST **************************************************************************************/

body.nd-contrast {
    --accent: #FFEF00;
    --main: #040348;
    --blu: #2499cf;
    --vio: #591987;
    --pin: #dc0086;
    --yel: #ffd134;
    --gre: #00a98c;
    --text: #FFEF00;
    --dgray: #1000FF;
    --gray: #FFEF00;
    --light: #FFEF00;
    --white: #040348;
    --bgr: #060068;
}

body.nd-contrast, .nd-contrast #page {
    background-color: var(--bgr);
}

.nd-contrast {

    .has-main-color-color {color: var(--main);}
    .has-accent-color-color {color: var(--dgray);}
    .has-text-color-color {color: var(--text);}
    .has-light-color-color {color: var(--white);}
    .has-white-color-color {color: var(--white);}

    .has-accent-color-background-color { background-color: var(--dgray);}
    .has-main-color-background-color { background-color: var(--main);}
    .has-text-color-background-color { background-color: var(--text);}
    .has-light-color-background-color { background-color: var(--white);}
    .has-white-color-background-color { background-color: var(--white);}

    a, .front-cat-box, .post-date {
        color: var(--accent);
    }
    .main-navigation li {
        background-color: var(--dgray);
    }
    article .entry-header,
    article .entry-title-cont,
    article .entry-title {
        background-color: var(--white);
    }

    .content-frame,
    .home-content,
    .library-post-link,
    .niewi-subcat-link.cat-selected,
    .widget-post-box a,
    .niewi-widget-list .current-element a,
    .niewi-widget-list a:hover,
    #back-to-top:focus-visible,
    #back-to-top:hover,
    #advanced-search button,
    .pagination ul li a:hover,
    .pagination ul li a:focus-visible {
        background-color: var(--white);
    }

    #home-latest-posts h2,
    .niewi-subcat-link.cat-selected,
    .niewi-widget-list .current-element a,
    .niewi-widget-list a:hover {
        color: var(--accent);
    }

    .footer-hero,
    .footer-hero h2,
    button.lb-prev,
    button.lb-next,
    #advanced-search button span.btn-text,
    .search-page-header .header-inner .entry-title,
    .placeholder-label-text {
        color: var(--accent);
    }

    .screen-reader-text:focus, .sr-only:focus {
        color: var(--bgr);
    }


    .front-featured-link img,
    .library-post-button img,
    .error-404-texts .button img,
    .niewi-no-content::before {
        filter: invert(1);
    }

    #header-inner {
        border-bottom-color: var(--white);
    }


    #home-about-bgr,
    .post-thumbnail-container.right,
    .hero-overlay,
    .library-post-thumbnail,
    .page .post-thumbnail img,
    .post-thumbnail.default-thumb img,
    #primary img {
        filter: brightness(0.5);
        transition: filter 0.3s ease-out;
    }

    #main-404-image svg {
        filter: brightness(5);
    }

    #primary .niewi-subcat-link:hover,
    #primary .niewi-subcat-link:active,
    #primary .niewi-subcat-link:focus,
    #primary .niewi-subcat-link:focus-visible,
    #primary .library-post-button:hover,
    #primary .library-post-button:focus,
    #primary .library-post-button:active,
    #primary .library-post-button:focus-visible {
        color: var(--light);
        background-color: var(--white);
        box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.7);
        border-bottom: 1px solid var(--light);
    }

    #primary .btn-white:hover,
    #primary .btn-white:focus-visible,
    #primary .library-post-link:hover .library-post-button,
    #primary .library-post-button:hover,
    #primary .library-post-button:focus-visible,
    #primary .library-post-link:focus-visible .library-post-button,
    #footer-about .library-post-button:hover,
    #footer-about .library-post-button:focus-visible {
        background-color: var(--main);
        color: var(--accent);
        border-bottom-color: var(--accent);
        box-shadow: 0 0 0.3em 0.1em rgba(0, 0, 0, 0.7);
    }

    #primary .byline-author a.author.vcard:hover,
    #primary .byline-author a.author.vcard:focus-visible {
        color: var(--accent);
        background-color: var(--white);
        outline: solid 0.1em var(--accent);
        border-bottom-color: var(--accent);
    }

    .searchform-wrap, #advanced-search {
        background-color: #ffd13436;
    }

    #advanced-search button {
        border-color: var(--accent);
    }

    #advanced-search label, #advanced-search label::before, #niewi-accessibility .wcag-btn {
        color: var(--text);
        background-color: var(--white);
    }

    .project-branding img {
        filter: grayscale(1) contrast(3) invert(1);
        background-color: var(--content);
        display: block;
    }


    .custom-logo.addidtional {
        background: url("./images/uniwersytet-warszawski-kontra.svg") no-repeat;
        width: 14em;
        height: 4.5em;
        padding-left: 14em;
        overflow: hidden;
        background-position: center;
        background-size: contain;
    }

    #footer-logos-wrap > img:nth-child(3) {
        background: url("../images/rzeczpospolita-polska-bw.svg") no-repeat;
        width: 10rem;
        height: 4em;
        padding-left: 10rem;
        overflow: hidden;
        background-position: center;
        background-size: contain;
        filter: drop-shadow(0 0.1px 0.01px white);
    }

    .topic-menuitem:last-child::before {
        filter: invert(1) contrast(4) grayscale(1);
    }

    .level-up-title img, img.levelup-title {
        filter: invert(1) brightness(2);
    }

    .niewi-no-content {
        border: 1px solid var(--accent);
        background-color: var(--bgr);
    }

    .library-no-posts-icon {
        opacity: 0.1;
        filter: grayscale(1) brightness(6);
    }

    #niewi-accessibility .wcag-btn svg {
        filter: unset;
    }

    #niewi-accessibility .wcag-btn:hover svg,
    #niewi-accessibility .wcag-btn:focus-visible svg {
        background-color: var(--accent);
    }

    #niewi-accessibility .wcag-btn:hover svg path,
    #niewi-accessibility .wcag-btn:focus-visible svg path {
        fill: var(--main);
    }

    .search-submit svg, #wcag-panel svg {
        fill: var(--text);
    }

    #wcag-panel:hover svg path {
        fill: var(--white);
    }

    #library-navigation.minified.toggled #topic-menu a:focus-visible .menuitem-title, .library-toggle:hover span.sr-only, .library-toggle:focus-visible span.sr-only {
        background: var(--bgr);
    }

    #pcf-form {
        border: 2px solid var(--white);
        background-color: var(--white);
        padding: 1em;
    }

    #pcf-form input, #pcf-form textarea {
        background-color: var(--dgray);
        color: var(--text);
    }

    #pcf-form input::placeholder, #pcf-form textarea::placeholder {
        color: var(--light);
    }

    #primary .fs a {
        color: var(--text);
    }

    #primary a.tag-link {
        background-color: var(--dgray);
    }

    #pcf-submit:hover, #pcf-submit:focus-visible {
        color: var(--text);
        background-color: var(--main);
        box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
        border: 1px solid var(--accent);
    }

    .niewi-pageof {
        border-right: 1px solid var(--vio);
    }

    .reading-time {
        border: 2px solid var(--vio);
        color: var(--light);
    }
    .library-post-category {
        background-color: var(--main);
        border: 1px solid var(--text);
        box-shadow: none;
    }
    .footer-widget-area:not(:first-child) {
        border-left: 1px solid var(--dgray);
    }
}
/* END COLOR SCHEMES */