:root{
	
	/* Primary */
	--primary: #FCDE3B;
	--primary-hover: #e7c728;
	--primary-dark: #e7c728;
	
	/* Primary RGBA */
	--rgba-primary-1: rgba(252,222,59,0.1);
	--rgba-primary-2: rgba(252,222,59,0.2);
	--rgba-primary-3: rgba(252,222,59,0.3);
	--rgba-primary-4: rgba(252,222,59,0.4);
	--rgba-primary-5: rgba(252,222,59,0.5);
	--rgba-primary-05: rgba(252,222,59,0.05);
	--rgba-primary-6: rgba(252,222,59,0.6);
	--rgba-primary-7: rgba(252,222,59,0.7);
	--rgba-primary-8: rgba(252,222,59,0.8);
	--rgba-primary-9: rgba(252,222,59,0.9);
	
	/* Secondary RGBA */
	--rgba-secondary-1: rgba(35,35,35,0.1);
	--rgba-secondary-2: rgba(35,35,35,0.2);
	--rgba-secondary-3: rgba(35,35,35,0.3);
	--rgba-secondary-4: rgba(35,35,35,0.4);
	--rgba-secondary-5: rgba(35,35,35,0.5);
	--rgba-secondary-6: rgba(35,35,35,0.6);
	--rgba-secondary-7: rgba(35,35,35,0.7);
	--rgba-secondary-8: rgba(35,35,35,0.8);
	--rgba-secondary-9: rgba(35,35,35,0.9);
	
	/* Other */
	--secondary: #232323;
	--theme-text-color: #000;
	--title: #222222;
	
	/* Gradient */
	--gradient: linear-gradient(89deg, #FCDE3B 1.12%, #f7d416 44%);
	--gradient-1: linear-gradient(90deg, #FCDE3B 47.55%, #f7d416 100.15%);
	--gradient-2: linear-gradient(90deg, #FCDE3B 0%, #f7d416 100%);	
	
	/* Box Shadow */
	--primary-shadow: linear-gradient(90deg, #FCDE3B 47.55%, #f7d416 100.15%);
	
	/* extra variable */
	--theme1-bg-pattern1: url(../images/pattern/theme/bg-pattern1.svg);
	--theme1-bg-pattern2: url(../images/main-slider/slider2/background/bg1.png);
	
	--theme3-bg-color: #201916;
	--theme3-secondary: #301f18;
	--theme3-secondary2: #ffdd39;	
	
	--secondary-dark : #34353c;
	
}