/* variables */
:root {
	/* fsg colors */
	--fsg_black: 		#1D1D1B; /* rgb(29,29,27)	for background and logo */
	--fsg_blue:			#0069B4; /* rgb(0,105,180)	*/
	--fsg_cyan_deep:	#0088B6; /* rgb(0,136,182)	*/
	--fsg_cyan_light:	#5FC4E1; /* rgb(95,196,225)	*/
	--fsg_gold:	 		#FDD315; /* rgb(253,211,21)	*/
	--fsg_green: 		#76B82A; /* rgb(118,184,42)	*/
	--fsg_red:  		#E40E1B; /* rgb(228,14,27)	*/
	--fsg_yellow:	 	#FFDD00; /* rgb(255,221,0)	*/

	--charcoal:			#332E2E;
	--green: 			#22A831;
	--silver:			#CBCBCB;
	--gray-dark:  		#333;
	--gray-f1:     		#f1f1f1;
	--gray-f4:     		#f4f4f4;
	--gray-f5:     		#f5f5f5;
	--gray-f8:     		#f8f8f8;	 		
	--txt_black: 		#2E2F3E; /* for text */
	--border:     		#d6d6d6;
	
	/* old color names */
	--fsg_blue_judge:	var(--fsg_blue);
	--fsg_cyan_dvc:		var(--fsg_cyan_deep);
	--fsg_cyan_dve:		var(--fsg_cyan_light);
	--fsg_green_cv: 	var(--fsg_green);
	--fsg_yellow_ev:	var(--fsg_yellow);
	--fsg_yellow_gold: 	var(--fsg_gold);
	--night_rider:		var(--charcoal);
    
    /* logos of partners */
    --Logos_image_width: 100px;
    --Logos_footer: 1;
    
    /* fonts */
    --font_brands: "Font Awesome 7 Brands";
    --font_icons: "Font Awesome 7 Pro";
}