:root {
	--color-warm-red: #7f1439;
	--color-soft-green: #aec5b2;
	--color-soft-yellow: #f4ead5;
	--color-yellow: #f7be32;
	--color-pink: #eb008b;
	--color-pink-darker: #b3006e;
	--color-green: #00833b;
	--color-green-lighter: #d5e6d4;
	--color-lightgreen: #94c11a;
	--color-border: #dedede;
	
	--color-dark-rose: #7f1439;
	--color-white-rock: #f4ead5;
	--color-sea-mist: #aec5b2;
}

/* Application palette applied to the toolkit semantic colors. */
:root {
	--ui-color-primary: var(--color-warm-red);
	--ui-color-primary-hover: #67102f;
	--ui-color-primary-text: #8f1947;
	--ui-color-highlight: var(--color-soft-yellow);
	--ui-color-accent: var(--color-yellow);
	--ui-color-success-accent: var(--color-soft-green);
	--ui-color-success: var(--color-green);
	--ui-color-danger: #c12a4d;
	--ui-color-danger-hover: #a72242;
	--ui-color-danger-text: #a72242;
	--ui-focus-color: rgb(127 20 57 / 18%);
	--ui-focus-border: rgb(127 20 57 / 35%);
}