/* Variable Css Start Here */
/* Font cdn starts here */
@font-face {
	font-family: "jost-regular";
	src: url("../fonts/jost/Jost-Regular.ttf");
}

@font-face {
	font-family: "jost-medium";
	src: url("../fonts/jost/Jost-Medium.ttf");
}

@font-face {
	font-family: "jost-black";
	src: url("../fonts/jost/Jost-Black.ttf");
}

@font-face {
	font-family: "jost-bold";
	src: url("../fonts/jost/Jost-Bold.ttf");
}

@font-face {
	font-family: "jost-light";
	src: url("../fonts/jost/Jost-Light.ttf");
}

@font-face {
	font-family: "jost-semi-bold";
	src: url("../fonts/jost/Jost-SemiBold.ttf");
}

/* popsins */
/* Font cdn ends here */
@font-face {
	font-family: "poppins-black";
	src: url("../fonts/Poppins/Poppins-Black.ttf");
}

@font-face {
	font-family: "poppins-bold";
	src: url("../fonts/Poppins/Poppins-Bold.ttf");
}

@font-face {
	font-family: "poppins-light";
	src: url("../fonts/Poppins/Poppins-Light.ttf");
}

@font-face {
	font-family: "poppins-medium";
	src: url("../fonts/Poppins/Poppins-Medium.ttf");
}

@font-face {
	font-family: "poppins-regular";
	src: url("../fonts/Poppins/Poppins-Regular.ttf");
}

@font-face {
	font-family: "poppins-semi-bold";
	src: url("../fonts/Poppins/Poppins-SemiBold.ttf");
}

@font-face {
	font-family: "poppins-thin";
	src: url("../fonts/Poppins/Poppins-Thin.ttf");
}


:root {
	/* Typography starts here */
	/*primary  Font*/
	--primary-bold-font: "jost-bold";
	--primary-light-font: "jost-light";
	--primary-medium-font: "jost-medium";
	--primary-regular-font: "jost-regular";
	--primary-black-font: "jost-black";
	--primary-semi-bold: "jost-semi-bold";
	/* secondary Font*/
	--secondary-black-font: "poppins-black";
	--secondary-bold-font: "poppins-bold";
	--secondary-light-font: "poppins-light";
	--secondary-medium-font: "poppins-medium";
	--secondary-regular-font: "poppins-regular";
	--secondary-semi-bold-font: "poppins-semi-bold";
	--secondary-thin-font: "poppins-thin";
	
}