:root {
    color-scheme: light dark;
}

@import "common.css";

body {
    background-color: light-dark(#faebd7, #101010);
}

html:not(.disable_dark) body {
    background-color: light-dark(#faebd7, #101010);
}

.header {
    background-color: light-dark(#e0e0e0, #202020);
    color: light-dark(#202020, #e0e0e0);
}


.wrapper {
    background-color: light-dark(#e0e0e0, #101010);
}

.outerWrapper {
    background-color: light-dark(#e0e0e0, #101010);
    border: 1px solid #a0a0a0;
    padding: 8pt;
    border-radius: 8pt;
}

/*div {
    background-color: light-dark(#e0e0e0, #101010);
    color: light-dark( #101010, #e0e0e0);

} */

div {
    color: light-dark(#101010, #e0e0e0);
}

a {
    background-color: light-dark(#e0e0e0, #101010);
    color: light-dark(#000080, #3391ff);
    /*light-dark( #101010, #e0e0e0); */
}

select {
    background-color: light-dark(#e0e0e0, #101010);
    color: light-dark(#000080, #3391ff);
}

.contentPage {
    background-color: light-dark(#e0e0e0, #101010);
    color: light-dark(#101010, #e0e0e0);
}

@media(none) {
    html:not(.disable_dark)>* .roundcorner_16_parch_content {
        background-color: light-dark(#ffffff, #101010);
        /*box-shadow: 0px 0px 1px 1px #a0a0a0;*/
    }
}


html:not(.disable_dark)>* .roundcorner_16_parch_content {
    background-color: light-dark(#ffffff, #101010);
    /*box-shadow: 0px 0px 1px 1px #a0a0a0; */
}

.roundcorner_16_parch_content {
    background-color: light-dark(#ffffff, #101010);
}

/* lazy dark mode, implemented 2022.11.18 */

@media(none) {
    /* prefers-color-scheme: dark) { */

    /* this change arises from the fact that the */
    /* default bg color looked terrible when inverted */
    html:not(.disable_dark) body {
        background-color: light-dark(#ffffff, #e0e0e0);
    }



    .header {
        background-color: #e0e0e0;
    }

    .wrapper {
        background-color: #e0e0e0;
    }

    .outerWrapper {
        background-color: #e0e0e0;
        border: 1px solid #a0a0a0;
        padding: 8pt;
        border-radius: 8pt;
    }

    /* .contentPage {
        background-color: #e0e0e0;
    } */

    a.itemLink {
        border: 1px solid #e0e0e0;
    }

    /* an adjustment to the appearance of quotes in user comment pages */
    .message_query {
        border-left: 4px solid #808080;
        /*background-color: light-dark(#c0c0c0,#202020); */
    }

    /* html tag class "disable_dark" overrides dark mode */

    /* the following only applies to child elements of html tag not in class "disable_dark" */

    html:not(.disable_dark) {
        background-color: #f0f0f0;
        /* filter: invert(100%) hue-rotate(180deg); */
    }

    /* eclectic list of repairs and exceptions 
    html:not(.disable_dark)>* :is(img, canvas, video, object, iframe, code, .leftCol, #unic_disp, #map_div) {
        filter: invert(100%) hue-rotate(180deg);
        background-color: white; 
    } */
}

a,
a:hover {
    text-decoration: underline;
}

a:visited,
a:visited:hover {
    text-decoration: underline;
}

.mono li {
    font-family: monospace;
}

.pfoot {
    display: none;
}

@media print {
    .pfoot {
        display: inline;
    }
}