:root {
	--crm-primary-color-50: #9ea3ab;
	--crm-primary-color-100: #6e7480;
	--crm-primary-color-200: #555d6b;
	--crm-primary-color-300: #3d4656;
	--crm-primary-color-400: #252f41;
	--crm-primary-color-500: #0d182c;
	--crm-primary-color-600: #0c1628;
	--crm-primary-color-700: #0a1323;
	--crm-primary-color-800: #09111f;
	--crm-primary-color-900: #080e1a;
	--crm-primary-color-a100: #dce8ff;
	--crm-primary-color-a200: #aabad6;
	--crm-primary-color-a400: #4a5e82;
	--crm-primary-color-a700: #142646;

	/* */

	--crm-secondary-color-50: #a4c5ff;
	--crm-secondary-color-100: #77a8ff;
	--crm-secondary-color-200: #6099ff;
	--crm-secondary-color-300: #498aff;
	--crm-secondary-color-400: #327cff;
	--crm-secondary-color-500: #1c6eff;
	--crm-secondary-color-600: #1963e6;
	--crm-secondary-color-700: #1657cc;
	--crm-secondary-color-800: #144db3;
	--crm-secondary-color-900: #114299;
	--crm-secondary-color-a100: #eeffff;
	--crm-secondary-color-a200: #c0ffff;
	--crm-secondary-color-a400: #64f8ff;
	--crm-secondary-color-a700: #2caeff;

}

.crm-color-chip-sample {
	width: 25px;
	height: 25px;
	margin: 5px;

	display: inline-block;
}