:root{
	
	/* Primary */
	--primary: #F3C623; 
	--primary-hover: #E9A319;
	--primary-dark: #c9980b;
	
	--secondary: #E9A319;
	--secondary-hover: #af4e95;
    --secondary-light: #ffbeee;
    --title: #1e173a;
    --bg-light: #fff9f1;
    --theme-text-color: #ffffff;
    --dark: #654911;
    --dark-light: #99708e;
    --h1-color: #23a9f3;
	
	
	/* Primary RGBA */
	--rgba-primary-1: rgba(231, 195, 148, 0.1);
	--rgba-primary-2: rgba(231, 195, 148, 0.2);
	--rgba-primary-3: rgba(231, 195, 148, 0.3);
	--rgba-primary-4: rgba(231, 195, 148, 0.4);
	--rgba-primary-5: rgba(231, 195, 148, 0.5);
	--rgba-primary-6: rgba(231, 195, 148, 0.6);
	--rgba-primary-7: rgba(231, 195, 148, 0.7);
	--rgba-primary-8: rgba(231, 195, 148, 0.8);
	--rgba-primary-9: rgba(231, 195, 148, 0.9);
	
	/* Secondary RGBA */
	--rgba-secondary-1: rgba(199, 100, 173, 0.1);
	--rgba-secondary-2: rgba(199, 100, 173, 0.2);
	--rgba-secondary-3: rgba(199, 100, 173, 0.3);
	--rgba-secondary-4: rgba(199, 100, 173, 0.4);
	--rgba-secondary-5: rgba(199, 100, 173, 0.5);
	--rgba-secondary-6: rgba(199, 100, 173, 0.6);
	--rgba-secondary-7: rgba(199, 100, 173, 0.7);
	--rgba-secondary-8: rgba(199, 100, 173, 0.8);
	--rgba-secondary-9: rgba(199, 100, 173, 0.9);
	
	/* Gradient */
	--gradient1: linear-gradient(180deg, #FFFFFF 26.76%, rgb(240 248 255) 109.73%);
    --gradient2: linear-gradient(180deg, rgba(255, 193, 180, 0) 0%, rgb(255 240 218) 100%);
	
}