:root {
	--hcp-color-primary: #B80E80;
	--hcp-color-secondary: #6B247E;
	--hcp-color-third: #4E2C7E;
	--hcp-color-fourth: #42307D;
	--hcp-color-fifth: #546782;
	--hcp-color-sixth: #F3D8EA;
	--hcp-color-seventh: rgba(243, 216, 234, 0.40);
	--hcp-color-eighth: #E9B9D9;
	--hcp-color-nineth: #7F56D9;
	--hcp-color-tenth: rgba(105, 65, 198, 0.07);

	--hcp-color-white: #FFFFFF;
	--hcp-color-light-grey: #EAECF0;
	--hcp-color-grey: #D0D5DD;
	--hcp-color-med-grey: #748194;
	--hcp-color-gark-grey: #575756;
	--hcp-color-charcoal: #101828;
	--hcp-color-black: #000000;
	--hcp-color-yellow: #FFCD29;
	--hcp-color-dark-yellow: #EBB400;
	--hcp-color-blue: #0C6FB6;
	--hcp-color-dark-green: #287141;

	--hcp-color-focus: #F4EBFF;
	--hcp-color-error: #D92D20;
	--hcp-color-success: #2E844A;

	--hcp-gradient-primary: linear-gradient(135deg, #42307D 0%, #6B247E 100%);
	--hcp-gradient-secondary: linear-gradient(315deg, #B80E80 0%, #4E2C7E 100%);

	--hcp-background-primary: #F2F4F7;
	--hcp-background-second: #F9FAFB;
	--hcp-background-third: #FFFFFF;
}