/* LIGHT mode */
/* Common Colors */

body.theme_light{
 background: #F8F8F8;
 color: #486040;
}

.theme_light .navbar{
 background: #C8E8C0;
}

.theme_light .color1{
 color: #F05010;
}
.theme_light .color2{
 color: #1030E0;
}

.theme_light h1, .theme_light h2{
 color: #51B84A;
}

.theme_light input[type=text]{
 border-color: #486040;
 background: #E0E0E0;
 color: #486040;
}

.theme_light input[type=text]:focus{
 border-color: #51B84A;
 background: #F0F0F0;
}

.theme_light button{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #ECECEC;
 color: #486040;
}

.theme_light button:hover{
 background: #FCFCFC;
}

/* Post Style */

.theme_light .postbody a{
 color: #1030E0;
}

/* Light/Dark Buttons */

.theme_light .lightdark .light, .theme_light .lightdark .dark{
 background-color: #486040;
}
.theme_light .lightdark .light .marker{
 background-color: #C8E8C0;
}
.theme_light .lightdark .dark .marker{
 background-color: #486040;
}

/* Payment Buttons */

.theme_light .paybutton{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #ECECEC;
 color: #486040;
}

.theme_light .paybutton:hover{
 background: #FCFCFC;
}

/* Post Blurb Colors */

.theme_light .postbox{
 background-color: #E4E4E4;
}
.theme_light .postbox:hover{
 background-color: #D4D4D4;
}

.theme_light div.postmedia{
 background-color: #DCDCDC;
}

.theme_light div.postdate{
 color: #A0B080;
}

/* Toggle Colors */

.theme_light .toggle-00, .theme_light .toggle-11{
 background: #FFFFFF;
}
.theme_light .toggle-01, .theme_light .toggle-10{
 background: #DCDCDC;
}
.theme_light .toggle-01:hover, .theme_light .toggle-10:hover{
 background: #F4F4F4;
}
.theme_light .toggle-00{
 color: #F00000;
 border-color: #900000;
}
.theme_light .toggle-10{
 color: #800808;
 border-color: #280000;
}
.theme_light .toggle-01{
 color: #086008;
 border-color: #002000;
}
.theme_light .toggle-11{
 color: #00E000;
 border-color: #008000;
}
.theme_light .toggle-01-dead{
 color: #242424;
 border-color: #505050;
 background: #808080;
}


/* DARK mode */
/* Common Colors */

body.theme_dark{
 background: #0C0C0C;
 color: #90B080;
}

.theme_dark .navbar{
 background: #243424;
}

.theme_dark .color1{
 color: #D08F20;
}
.theme_dark .color2{
 color: #2090F0;
}

.theme_dark h1, .theme_dark h2{
 color: #51B84A;
}

.theme_dark input[type=text]{
 border-color: #90B080;
 background: #202020;
 color: #90B080;
}

.theme_dark input[type=text]:focus{
 border-color: #51B84A;
 background: #303030;
}

.theme_dark button{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #161616;
 color: #90B080;
}

.theme_dark button:hover{
 background: #2C2C2C;
}

/* Post Style */

.theme_dark .postbody a{
 color: #2090F0;
}

/* Light/Dark Buttons */

.theme_dark .lightdark .light, .theme_dark .lightdark .dark{
 background-color: #90B080;
}
.theme_dark .lightdark .light .marker{
 background-color: #90B080;
}
.theme_dark .lightdark .dark .marker{
 background-color: #243424;
}

/* Payment Buttons */

.theme_dark .paybutton{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #161616;
 color: #90B080;
}

.theme_dark .paybutton:hover{
 background: #2C2C2C;
}

/* Post Blurb Colors */

.theme_dark .postbox{
 background-color: #202020;
}
.theme_dark .postbox:hover{
 background-color: #303030;
}

.theme_dark div.postmedia{
 background-color: #2C2C2C;
}

.theme_dark div.postdate{
 color: #50744C;
}

/* Toggle Colors */

.theme_dark .toggle-00, .theme_dark .toggle-11{
 background: #242424;
}
.theme_dark .toggle-01, .theme_dark .toggle-10{
 background: #161616;
}
.theme_dark .toggle-01:hover, .theme_dark .toggle-10:hover{
 background: #242424;
}
.theme_dark .toggle-00{
 color: #A00000;
 border-color: #700000;
}
.theme_dark .toggle-10{
 color: #800808;
 border-color: #280000;
}
.theme_dark .toggle-01{
 color: #086008;
 border-color: #002000;
}
.theme_dark .toggle-11{
 color: #00A000;
 border-color: #006000;
}
.theme_dark .toggle-01-dead{
 color: #242424;
 border-color: #1C1C1C;
 background: #101010;
}

/* INFER mode (light) */
/* Common Colors */

body.theme_infer{
 background: #F8F8F8;
 color: #486040;
}

.theme_infer .navbar{
 background: #C8E8C0;
}

.theme_infer .color1{
 color: #F05010;
}
.theme_infer .color2{
 color: #1030E0;
}

.theme_infer h1, .theme_infer h2{
 color: #51B84A;
}

.theme_infer input[type=text]{
 border-color: #486040;
 background: #E0E0E0;
 color: #486040;
}

.theme_infer input[type=text]:focus{
 border-color: #51B84A;
 background: #F0F0F0;
}

.theme_infer button{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #ECECEC;
 color: #486040;
}

.theme_infer button:hover{
 background: #FCFCFC;
}

/* Post Style */

.theme_infer .postbody a{
 color: #1030E0;
}

/* Light/Dark Buttons */

.theme_infer .lightdark .light, .theme_infer .lightdark .dark{
 background-color: #486040;
}
.theme_infer .lightdark .light .marker{
 background-color: #C8E8C0;
}
.theme_infer .lightdark .dark .marker{
 background-color: #486040;
}

/* Payment Buttons */

.theme_infer .paybutton{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #ECECEC;
 color: #486040;
}

.theme_infer .paybutton:hover{
 background: #FCFCFC;
}

/* Post Blurb Colors */

.theme_infer .postbox{
 background-color: #E4E4E4;
}
.theme_infer .postbox:hover{
 background-color: #D4D4D4;
}

.theme_infer div.postmedia{
 background-color: #DCDCDC;
}

.theme_infer div.postdate{
 color: #A0B080;
}

/* Toggle Colors */

.theme_infer .toggle-00, .theme_infer .toggle-11{
 background: #FFFFFF;
}
.theme_infer .toggle-01, .theme_infer .toggle-10{
 background: #DCDCDC;
}
.theme_infer .toggle-01:hover, .theme_infer .toggle-10:hover{
 background: #F4F4F4;
}
.theme_infer .toggle-00{
 color: #F00000;
 border-color: #900000;
}
.theme_infer .toggle-10{
 color: #800808;
 border-color: #280000;
}
.theme_infer .toggle-01{
 color: #086008;
 border-color: #002000;
}
.theme_infer .toggle-11{
 color: #00E000;
 border-color: #008000;
}
.theme_infer .toggle-01-dead{
 color: #242424;
 border-color: #505050;
 background: #808080;
}


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

/* Common Colors */

body.theme_infer{
 background: #0C0C0C;
 color: #90B080;
}

.theme_infer .navbar{
 background: #243424;
}

.theme_infer .color1{
 color: #D08F20;
}
.theme_infer .color2{
 color: #2090F0;
}

.theme_infer h1, .theme_infer h2{
 color: #51B84A;
}

.theme_infer input[type=text]{
 border-color: #90B080;
 background: #202020;
 color: #90B080;
}

.theme_infer input[type=text]:focus{
 border-color: #51B84A;
 background: #303030;
}

.theme_infer button{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #161616;
 color: #90B080;
}

.theme_infer button:hover{
 background: #2C2C2C;
}

/* Post Style */

.theme_infer .postbody a{
 color: #2090F0;
}

/* Light/Dark Buttons */

.theme_infer .lightdark .light, .theme_infer .lightdark .dark{
 background-color: #90B080;
}
.theme_infer .lightdark .light .marker{
 background-color: #90B080;
}
.theme_infer .lightdark .dark .marker{
 background-color: #243424;
}

/* Payment Buttons */

.theme_infer .paybutton{
 border-left-color: #707070;
 border-top-color: #707070;
 border-right-color: #555555;
 border-bottom-color: #555555;
 background: #161616;
 color: #90B080;
}

.theme_infer .paybutton:hover{
 background: #2C2C2C;
}

/* Post Blurb Colors */

.theme_infer .postbox{
 background-color: #202020;
}
.theme_infer .postbox:hover{
 background-color: #303030;
}

.theme_infer div.postmedia{
 background-color: #2C2C2C;
}

.theme_infer div.postdate{
 color: #50744C;
}

/* Toggle Colors */

.theme_infer .toggle-00, .theme_infer .toggle-11{
 background: #242424;
}
.theme_infer .toggle-01, .theme_infer .toggle-10{
 background: #161616;
}
.theme_infer .toggle-01:hover, .theme_infer .toggle-10:hover{
 background: #242424;
}
.theme_infer .toggle-00{
 color: #A00000;
 border-color: #700000;
}
.theme_infer .toggle-10{
 color: #800808;
 border-color: #280000;
}
.theme_infer .toggle-01{
 color: #086008;
 border-color: #002000;
}
.theme_infer .toggle-11{
 color: #00A000;
 border-color: #006000;
}
.theme_infer .toggle-01-dead{
 color: #242424;
 border-color: #1C1C1C;
 background: #101010;
}

}