:root {
	--color-primary-50: #F8F5F9;
	--color-primary-100: #EAE1EE;
	--color-primary-200: #D5C3DD;
	--color-primary-300: #B99BC7;
	--color-primary-400: #9568AA;
	--color-primary-500: #72368E;
	--color-primary-600: #612E79;
	--color-primary-700: #502663;
	--color-primary-800: #3F1E4E;
	--color-primary-900: #281332;

	--color-secondary-50: #FEFAF2;
	--color-secondary-100: #FCF1D9;
	--color-secondary-200: #F9E3B3;
	--color-secondary-300: #F5D080;
	--color-secondary-400: #F0B840;
	--color-secondary-500: #EBA000;
	--color-secondary-600: #C88800;
	--color-secondary-700: #A57000;
	--color-secondary-800: #815800;
	--color-secondary-900: #523800;

	--color-neutral-50: #F8F8F7;
	--color-neutral-100: #EAE9E7;
	--color-neutral-200: #D6D3CF;
	--color-neutral-300: #BAB6AF;
	--color-neutral-400: #989186;
	--color-neutral-500: #756C5E;
	--color-neutral-600: #635C50;
	--color-neutral-700: #524C42;
	--color-neutral-800: #403B34;
	--color-neutral-900: #292621;

	--color-success-100: #DFF6E5;
	--color-success-500: #2E9D50;
	--color-success-700: #1D6F37;

	--color-info-100: #DDEEFF;
	--color-info-500: #2477C3;
	--color-info-700: #164F86;

	--color-warning-100: #FFF3CD;
	--color-warning-500: #E0A100;
	--color-warning-700: #9A6B00;

	--color-error-100: #F8D7DA;
	--color-error-500: #C73645;
	--color-error-700: #842029;

	--color-white: #FFFFFF;
	--color-black: #000000;
}