:root {
    --_MainColor: #111518;
    --_SecondColor: #1f2125;
    --_activeColor: #2e3134;
    
    --_textColor: #9d9d9d;
    --_textColorDark: #7b7b7b;

	/* Navbar*/
	--navbarTopBG: var(--_MainColor);
	--navbarBG: var(--_SecondColor);
    --navbarActive: var(--_activeColor);
	--Navbar_text_color: var(--_textColor);
    --navbar_border: #2e2e2e;
	
	/* Text Colors*/
	--text_color: var(--_textColor); 
	--text_color_bright: var(--_textColor); 
	--text_color_dark: var(--_textColorDark); 
    --coloredBG_text: #f6f7f8;
	
	/* effects */
    --color-scheme: dark;
    --borderStrong: #555555;
	--borderGrey: #353535;
    --img_color: brightness(0) saturate(100%) invert(66%) sepia(6%) saturate(0%) hue-rotate(326deg) brightness(95%) contrast(82%);
    --navbar_img: brightness(0) saturate(100%) invert(66%) sepia(6%) saturate(0%) hue-rotate(326deg) brightness(95%) contrast(82%);
	
	/* Page Color */
    --mainBG: #1a1d21;
    --ContentHeaderBG: #26292e;
	--ContentTitelBG: #26292e; 
	--ContentBG: #222529;
	--ContentBGHover: #2a2e33;
	--ContentInputBG: #1a1d21; 
	--BoxShadow: 0 0 5px rgb(14 14 14 / 65%);
}