/*
    This CSS handles the font & logo colors for night / day mode 

    The main color scheme of the site stays the same in both modes
    But the font color switches between full white and gray
    And the logo gets more subdued in night mode
*/

/* Day Mode */
body {
    color: rgb(255,255,255) !important;
}

a {
    color: rgb(255,255,255) !important;
}

.tddarkheader {
    color: #BBC6D8;
}
table.realtable {
    color: rgb(255, 255, 255) !important;
}

.newsDate {
    color: #BBC6D8;
}

hr {
    border-color: #BBC6D8;
    background-color: #BBC6D8;
}

.logoimg {
    opacity: 100%;
    filter:         url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(40%);
    -moz-filter:    grayscale(40%);
    -ms-filter:     grayscale(40%);
    -o-filter:      grayscale(40%);
    filter: gray; 
}

/* Night mode */
@media (prefers-color-scheme: dark) {
body {
    color: rgb(215,215,215) !important;
}

a {
    color: rgb(215,215,215) !important;
}

.tddarkheader {
    color: rgb(121, 147, 183);
}
table.realtable {
    color: rgb(215, 215, 215) !important;
}

.newsDate {
    color: rgb(121, 147, 183);
}

hr {
    border-color: rgb(121, 147, 183);
    background-color: rgb(121, 147, 183);
}

.logoimg {
    opacity: 80%;
    filter:         url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(50%);
    -moz-filter:    grayscale(50%);
    -ms-filter:     grayscale(50%);
    -o-filter:      grayscale(50%);
    filter: gray; 
}
}