/**
$states map created to hold values of different states
**/
$states: (
	"primary": (
		"background": var(--color-primary-default),
		"hover": var(--color-primary-default-hover)
	),
	"default": (
		"background": var(--color-primary-default),
		"hover": var(--color-primary-default-hover)
	),
	"success": (
		"background": var(--color-success-default),
		"hover": var(--color-success-default-hover)
	),
	"warning": (
		"background": var(--color-warning-default),
		"hover": var(--color-warning-default-hover)
	),
	"danger": (
		"background": var(--color-danger-default),
		"hover": var(--color-danger-default-hover)
	),
	"inherit": (
		"background": var(--color-checkbox-default),
		"hover": var(--color-switch-default-hover)
	)
);