:root {
	
	/*Background*/
	--bg-soft :#F8F7FC;
	--bg-yellow :#FCCC75;
	--bg-dark-yellow :#ECBB63;
	--bg-white :#fff;
	--bg-gray :#ECEDF2;
	--bg-purple :#8F4B6B;
	--bg-blue :#3498DB;
	--bg-pink :#9C88FF;
	--bg-soft-pink :#C5A1B1;
	--bg-green :#49AD1B;


	/*Border*/
	--border-purple :#8F4B6B;
	--border-soft :#F9F4F6;
	--border-center-color :#EFECED;
	--border-category :#ECE8EA;
	
	

	/*Font Color*/
	--color-primary : #3F405F;
	--color-white : #fff;
	
	/*Font*/
	--font-weight-light: 400;
	--font-weight-medium: 500;
	--font-weight-semibold: 600;
	--font-weight-bold: 700;

	/*Font Size*/
	--font-size-large: 20px;
	--font-size-primary: 16px;
	--font-size-medium: 15px;
	--font-size-small: 14px;
	--font-size-xsmall: 13px;
	--font-size-xxsmall: 12px;
	--font-size-xxxs: 11px;
	--font-size-xxxxs: 9px;

	/*Box Shadow*/
	--box-shadow:3px 2px 11px 0px rgb(0 0 0 / 15%);

	/*Border Radius*/
	--box-primary:10px;
	--box-medium:13px;
	--box-large:20px;
	--box-xlarge:50px;
	--box-xxlarge:100%;

}