:root{
    --backgroundColor: #d0d0d0;
    --buttonBkg: #796b84;
    --secondColor: #FFFFFF;
}

.bookarea, .page {
    background-color: var(--backgroundColor, white);
}
.thmbtn, #zbtnR, #zbtnL{
    background-color: var(--buttonBkg, blue);
}
.thmbtn.engaged{
    filter: invert(1);
    transition: background-color .5s ease-out;
}
.thmbtn.engaged img{
    filter: invert(1);
}
#zbtnm {
    background-color: var(--buttonBkg, blue);
    position: fixed;
    left: 20px;
}

.car-thmb, .thmIcon{
    background-color: var(--buttonBkg, blue) !important;
    color: var(--secondColor, white) !important;
}

#tocdiv{
    background-color: var(--buttonBkg, red);
}
#tocdiv li, div#closeTOC{
    color: var(--secondColor, white);
}
#tocdiv li[onclick]:hover, div#closeTOC:hover{
    filter: invert(1);
}
div#bktobtn {
    background: var(--buttonBkg, red);
    color: var(--secondColor, white);
}

.hypsvg a{
    opacity: 0;
    animation: svgopac 3s 1 forwards;
}
@keyframes svgopac {
    0% {opacity: 1;}
    100% {opacity: 0;}
}