:root{
	 color-scheme: light;
	--primarycolor: #0f0f0f;
	--primarycolorlighttint: #267dfe;
	--primarycolorlightertint: #267dfe;
	--primarycolorlightesttint: #267dfe;
	--primarydarkttint: #0061f1;
	--primarydarkerttint: #005ce5;
	--primarydarkesttint: #003d98;
	--primarycolortint: #61a0fe;
	--secondarycolor: #ffffff;
	--whitecolor:#ffffff;
	--blackcolor:#212427;
	--greycolor: #eee;
	--redcolor: #ff0000;
	--lightredcolor: rgba(255, 0, 0, 0.05);
	--overlaycolor: rgba(0, 0, 0, 0.3);
	
	--iconcolor: #61a0fe;
	--backgroundcolor: #ffffff;
	--itemfillcolor: rgba(0, 0, 0, 0.04);
	--itemfilltextcolor: rgba(0, 0, 0, 0.6);
	--activefillcolor: rgb(0, 102, 254, .05);
	--activefilltextcolor: #0f0f0f;
	--textcolor: #212427;
	--lighttextcolor: rgba(0, 0, 0, 0.6);
	--sidebarcolor: #0f0f0f;
	--sidebartextcolor: #ffffff;
	--ballcolor: #212427;
	--inputbackgroundcolor: #ffffff;
	--inputbordercolor: rgba(0,0,0,0.15);
	--selectbackgroudcolor:rgb(0, 102, 254, .05);
	--selecttextcolor:#3384fe;
	--checkboxbg: #eeeeee;	
	
	--buttoncolor: #0f0f0f;
	--buttontextcolor: #ffffff;
	--linkcolor: #0f0f0f;
	--activecolor: #ffffff;
	--activetextcolor: #212427;
	--hovercolor: rgba(255,255,255,0.1);
	--shadowcolor: rgba(0,0,0,0.1);
	
	
	--grey: rgba(0, 0, 0,0.05);
	--lightgrey: rgba(0, 0, 0,0.03);
	--lightergrey: rgba(0, 0, 0,0.01);
	--darkgrey: rgba(0, 0, 0,0.09);
	--darkergrey: rgba(0, 0, 0,0.15);
	--darkestgrey: rgba(0, 0, 0,0.3);
	
	--light: rgba(255,255,255,0.2); 
	--shimmercolor: linear-gradient(100deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.3) 50%, rgba(255, 255, 255, .0) 80%);
}