:root{
--bg: #3B3A34;
--l: #3D3C36;
--l2: #42413C;
--l3: #4D4C45;
--l4: #666457;
--d: #383731;
--d2: #33322E;
--d3: #292925;
--d4: #121211;

--c: #B3B3B3;
--cOp: #B3B3B380;
--c2: #D6D6D6; 
--c3: #E6E6E6; 
--c4: #F7F7F7; 
/*--b: #948B70;
--b2: #9E9478;*/
--b3: #D1C6B2;
--b4: #E6D9C3;
--red: #FF7066;
--red2: #FF938C;
--orange: #E6BA67;
--orange2: #FFD280;
--yellow: #D9CA82;
--yellow2: #E6D57F;
--green: #8ACC70;
--green2: #ABE695;
--blue: #8AC9E6;
--blue2: #99DDFF;
--indigo: #A9B0F2;
--indigo2: #CCD0FF;
--violet: #C999CC;
--violet2: #D8B8D9;
}

.headerBannerImgInvert { filter: invert(70%); }
html::before, .dd, .logo, .logo2 { filter: brightness(70%); }

input[type="submit"] { background: var(--l); color: var(--c2); }
input[type="submit"]:hover { background: var(--d); color: var(--c3); }

html{ scrollbar-color: var(--l4) var(--d2); }
::-webkit-scrollbar { background-color: var(--d2); }
::-webkit-scrollbar-thumb { background-color: var(--l3); }