:root{
	
    color-scheme: light;
	/*--primarycolor: #2e43ff;*/
	--primarycolor: #0066fe;
	--secondarycolor: #ffffff;
	--primarycolortint:#6c76d9;
	--primarycolortint2:#bbc0ee;
	--primarycolortint3:#e9ebf9;
	--primarygrey:#eeeeee;
	--whitecolor:#ffffff;
	--blackcolor:#212427;
	--greycolor: #eee;
	
	--activeitemcolor: #0066fe;
	--activeitemtextcolor: #ffffff;
	--backgroundcolor: #ffffff;
	--textcolor: #212427;
	--sidebarcolor: #0066fe;
	--sidebartextcolor: #ffffff;
	--ballcolor: #0066fe;
	--inputbackgroundcolor: #ffffff;
	--inputbordercolor: rgba(0,0,0,0.15);
	--selectbackgroudcolor:#e9ebf9;
	--selecttextcolor:#0066fe;
	
	--buttoncolor: #0066fe;
	--buttontextcolor: #ffffff;
	--activecolor: #ffffff;
	--activetextcolor: #212427;
	--hovercolor: rgba(255,255,255,0.1);
    --errorcolor:#ff0000;
	--shadowcolor: rgba(0,0,0,0.1);
	--scrollthumb: #ccc;
	
	
	--grey: rgba(0, 0, 0,0.03);
	--darkgrey: rgba(0, 0, 0,0.06);
	--darkergrey: rgba(0, 0, 0,0.1);
	--darkestgrey: rgba(0, 0, 0,0.2);
	
	--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%);

	--cardbluebackground: #e6e6ff;
	--cardbluedarkbackground: #6666ff;
	
	--cardredbackground: #ffe6e6;
	--cardreddarkbackground: #ff6666;
	
	--cardpurplebackground: #f6e9fe;
	--cardpurpledarkbackground: #c679f6;
	
	--cardgreenbackground: #e6f2e6;
	--cardgreendarkbackground: #66b366;
	
	--pdfbackgroundcolor: #fff0f0;
	--pdfbackgroundcolortext: #ff6666;
	
	--wordbackgroundcolor: #f0f0ff;
	--wordbackgroundcolortext: #6666ff;
	
	--pptbackgroundcolor: #f9f2fe;
	--pptbackgroundcolortext: #c679f6;
	
	--excelbackgroundcolor: #f0f7f0;
	--excelbackgroundcolortext: #66b366;
	
	--youtubebackgroundcolor: #fff0f0;
	--youtubebackgroundcolortext: #ff6666;
	
	--photobackgroundcolor: #f9f2fe;
	--photobackgroundcolortext: #c679f6;
	
	--linkbackgroundcolor: #e9ebf9;
	--linkbackgroundcolortext: #0066fe;
	
	--pwaiconbg:url("data:image/svg+xml,%3Csvg viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23F0F0F0' d='M65,17C65,10.377 59.623,5 53,5L17,5C10.377,5 5,10.377 5,17L5,53C5,59.623 10.377,65 17,65L53,65C59.623,65 65,59.623 65,53L65,17Z' /%3E%3C/svg%3E%0A") center center / 70px 70px repeat-x
}


	
@media (prefers-color-scheme: dark) {
.cards{
background: #212121!important;	
}
}



[data-theme="dark"] .cards{
background: #111b21!important;	
}

[data-theme="dark"]{
	 color-scheme: dark;
	--backgroundcolor: #0B141A;
	--textcolor: #ffffff;
	--sidebarcolor: #111b21;
	--sidebartextcolor: #ffffff;
	--ballcolor: #111b21;
	--inputbackgroundcolor: transparent;
	--inputbordercolor: rgba(255,255,255,0.15);
	--selectbackgroudcolor:#111b21;
	--selecttextcolor:#ffffff;
	
	
	--activeitemcolor: rgb(97, 160, 254, 0.1);
	--activeitemtextcolor: #61a0fe;
	--buttoncolor: #61a0fe;
	--buttontextcolor: #121212;
    --errorcolor:#ff4040;
	--shadowcolor: rgba(255,255,255,0.1);
	--scrollthumb: #111b21;
	
	--grey: rgba(255, 255, 255,0.03);
	--darkgrey: rgba(255, 255, 255,0.06);
	--darkergrey: rgba(255, 255, 255, 0.1);
	--darkestgrey: rgba(255, 255, 255, 0.2);
	--shimmercolor: linear-gradient(100deg, rgba(255,255,255,0) 20%, rgba(255,255,255,0.02) 50%, rgba(255, 255, 255, .0) 80%);
	
	
	--light: rgba(255,255,255,0.05); 
	
	--pdfbackgroundcolor: #111b21;
	--pdfbackgroundcolortext: #ffb3b3;
	
	--wordbackgroundcolor: #111b21;
	--wordbackgroundcolortext: #b3b3ff;
	
	--pptbackgroundcolor: #111b21;
	--pptbackgroundcolortext: #c679f6;
	
	--excelbackgroundcolor: #111b21;
	--excelbackgroundcolortext: #b3d9b3;
	
	--youtubebackgroundcolor: #111b21;
	--youtubebackgroundcolortext: #ffffff;
	
	--photobackgroundcolor: #111b21;
	--photobackgroundcolortext: #e3bcfb;
	
	--linkbackgroundcolor: #111b21;
	--linkbackgroundcolortext: #bbc0ee;
	
	--pwaiconbg:url("data:image/svg+xml,%3Csvg viewBox='0 0 70 70' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23111b21' d='M65,17C65,10.377 59.623,5 53,5L17,5C10.377,5 5,10.377 5,17L5,53C5,59.623 10.377,65 17,65L53,65C59.623,65 65,59.623 65,53L65,17Z' /%3E%3C/svg%3E%0A") center center / 70px 70px repeat-x;
	
}