:root{

/* =================== COLORS VARIABLE ===================== */	
	--black:#000;
	--black-opacity:#000000b3;

	--white:#fff;
	--white-opacity:#ffffffb3;

	--blue:#103ade;
	--blue-opacity:#103adeed;
	
	--yellow:#ffd900;
	--yellow-opacity:#ffd900e0;

	--red:#ff3636;
	--red-opacity:#ff3636b3;

	--grey:#d6d2d2;
	--grey-opacity:#d6d2d2b3;

	/*=============================================================*/

	  --error-color:var(--red);

	  --bg-main-color:var(--white);
	  --bg-secondary-color:var(--black);

	  --accent-color: var(--yellow); 
	  --accent-color-opacity: var(--yellow-opacity); 

	  --secondary-color: var(--blue);

	  --action-color: var(--blue-opacity); 



		/* TEXT */
		--text-primary-color:var(--black);
		--text-secondary-color: var(--white);
		
		

	  --text-highlight-color:var(--accent-color);

	  --header-color:var(--text-primary-color);

	  --input-color:var(--text-primary-color);
	  --input-plchld-color:var(--text-primary-color);
	  --input-border-color:var(--bg-secondary-color);

	  --text-selection-color:var(--text-secondary-color);
	  --selection-color:var(--accent-color);
	  
	  --btn-color:var(--text-secondary-color);
		


/* =================== FONTS VARIABLE ===================== */	

		--text-font-small:13px;



}