/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "fjalla-one";
	font-display:swap;
	src: url("../fonts/fjalla-one/fjalla-one.woff2");
}
@font-face {
	font-family: "DancingScript-Regular";
	font-display:swap;
	src: url("../fonts/dancing-script/DancingScript-Regular.woff2");
}
@font-face {
	font-family: "DancingScript-Bold";
	font-display:swap;
	src: url("../fonts/dancing-script/DancingScript-Bold.woff2");
}
@font-face {
	font-family: "Roboto-Regular";
	font-display:swap;
	src: url("../fonts/roboto/Roboto-Regular.woff2");
}
/* Font cdn ends here */
:root {
	/* Typography starts here */
	--font-default: "Roboto-Regular";
	--font-heading: "fjalla-one";
	--font-btn: "Roboto-Regular";
	--secondary-font-Regular: "DancingScript-Regular";
	--secondary-font-Bold: "DancingScript-Bold";
	/* Typography ends here */

	/* Colors starts here */
	--body-color: #000;
	--bg-primary: #c28500;
	--bg-secondary: #2c2111;
	--extra-color-1: #0C0C0C;
	--extra-color-2: #151515;
	--light-bg: #f9f9f9;
	--dark-bg: #333333;
	/* --text-color: #848696; */
	--text-color: #c28500;
	--text-color-2: #FFCB59;
	--heading-color: #fff;
	--light-text-color: #C5C5C5;
	
	/* Colors ends here */

	/* button colors starts here */
	--primary-btn-color: #ffd857;
	--primary-btn-text-color: #333333;
	--secondary-btn-color: #26CC8C;
	--secondary-btn-text-color: #fff;
	/* button colors starts here */

}

/* Variable Css End Here */