/*
// Colors in here can take reference from the colors from the
"opaque-warm-cool-colors.css" or they can define their own colors.

We should have a full 10-15 step scale for these colors too.
*/

/* 
	Note: Still not 100% sure if adding semantic colors adds value or just causes confusion.
		TBD.

	Also: The following code just has the mid 500 color set, if this idea makes sense, then 
	we would apply the entire range of shades. 
*/

:root {
	/*
	# Success */
	--sft-opaque-success-color-500: var(--sft-opaque-cool-primary-color-500);
	

	/*
	# Danger */
	--sft-opaque-danger-color-500: var(--sft-opaque-warm-primary-color-500);




	/*
	# Warning */
	--sft-opaque-warning-color-500: var(--sft-opaque-warm-secondary-color-500);


	/*
	# Info */
	--sft-opaque-info-color-500: var(--sft-opaque-cool-secondary-color-500);


}