:root {
	--color-background-light:   hsl(117, 100%, 91%);
	--color-green-medium:       hsl(117, 34%, 53%);
	--color-green-base:         hsl(116, 33%, 47%);
	--color-green-dark:         hsl(116, 33%, 47%);
	--color-shadow-dark:        hsl(116, 53%, 25%);
	--color-green-accent:       hsl(116, 53%, 25%);
	--color-shape4-bg:          hsl(117, 60%, 76%);
	--color-gradient-deep:      hsl(116, 40%, 36%);
	--color-icon-light:         hsl(118, 40%, 58%);
	--color-submit-text:        hsl(115, 66%, 20%);

	--color-gray-light:         hsl(0, 0%, 94%);
	--color-gray-dark:          hsl(0, 0%, 71%);
	--color-white:              hsl(0, 0%, 100%);
	--color-input-border-light: hsl(240, 3%, 83%);
	--color-submit-border:      hsl(243, 31%, 87%);

	--error-color:              hsl(350, 60%, 50%);
	--info-color:               hsl(210, 100%, 40%);
	--warning-color:            hsl(36, 100%, 30%);

	--danger-zone-bg-color:     hsl(211, 33%, 28%);
	--red-border-color:         var(--error-color);


	--link-color:               var(--color-gradient-deep);
	--link-color-hover:         var(--color-submit-text);

	--button-color:             var(--color-shadow-dark);
	--button-color-hover:       var(--color-submit-text);
}