:root { 	
	--page-100:#121212; /*fav*/
	--page-90:#1C1B1F; /*fav*/
	--page-80:#27262C;
	--page-70:#302F34;

	--blue-80:#0F1933;
	--blue-70:#243C77;
	--blue-60:#3C5FBB; /*fav*/
	--blue-50:#5684FF; /*fav*/
	--blue-40:#7BA9FF; /*fav*/
	--blue-30:#CCE2FF; /*fav*/
	--blue-20:#EBF5FF; /*fav*/
	--blue-10:#F8FCFF; 

	--purple-80:#1D162A;
	--purple-70:#453462;
	--purple-60:#6D5498; 
	--purple-50:#9575CD; /*fav*/
	--purple-40:#A994DB; 
	--purple-30:#C1B5E7; 
	--purple-20:#DBD7F3; 
	--purple-10:#FAF9FD; 

	--teal-50:#80CBC4; 
	--teal-40:#9DD7D2; 
	--teal-30:#ACDDD8; 
	--teal-20:#BAE3DF; /*fav*/
	--teal-10:#D4EDEB; 

	--yellow-50:#ffc400; 
	--yellow-40:#FFD447; 
	--yellow-30:#FFDE70; 
	--yellow-20:#FFE799; /*fav*/
	--yellow-10:#FFF1C2; 

	--text-90:#26292B; 
	--text-60:#5D6569; /*fav*/
	--text-20:#D3D6D7; /*fav*/
	--text-10:#FFFFFF; /*fav*/
	--tblue-50:#5684ff; /*fav*/

	--grey-100:#000000;
	--grey-90:#26292B;
	--grey-80:#363A3C;
	--grey-70:#4C5256; /*fav*/
	--grey-60:#5D6569; 
	--grey-50:#6C7579; 
	--grey-40:#798388; 
	--grey-30:#9DA3A6; /*fav*/
	--grey-20:#D3D6D7; 
	--grey-10:#F4F5F5; 
	--grey-00:#FFFFFF; 

	/* background */
	--bg-page:#121212; 
	--bg-container:#1C1B1F; 
	--bg-container01:#27262C; 
	--bg-container02:#302F34; 

	/* alert */
	--error-50:#F44336; 
	--error-30:#F88078; 
	--error-10:#FBB7B2; 

	--alert-50:#0277bd; 
	--alert-30:#72C9FE; 
	--alert-10:#C2E8FE; 

	--success-50:#00957A; 
	--success-30:#67E0CA; 
	--success-10:#C2FFF4; 

	--warning-50:#FFA726; 
	--warning-30:#FFCD85; 
	--warning-10:#FFE6C2; 

	/*messenger*/

	/*additional classes*/
	/* For Webkit browsers (Chrome, Safari) */
	input:focus::-webkit-input-placeholder {
	  opacity: 0; /* Makes the placeholder completely transparent */
	  /* or color: transparent; */
	}

	/* For Mozilla Firefox */
	input:focus::-moz-placeholder {
	  opacity: 0;
	  /* or color: transparent; */
	}

	/* For Internet Explorer 10+ */
	input:focus:-ms-input-placeholder {
	  opacity: 0;
	  /* or color: transparent; */
	}

	/* Standard syntax for modern browsers */
	form-control:focus::placeholder {
	  opacity: 0;
	  /* or color: transparent; */
	}

	input:-webkit-autofill,
	input:-webkit-autofill:hover, 
	input:-webkit-autofill:focus, 
	input:-webkit-autofill:active,
	input:autofill{
    	transition: background-color 50000s ease-in-out 0s, color 50000s ease-in-out 0s !important;
	}
}