:root {
	--color-primary:        #006255;
	--color-primary-hover:  #004F45;
	--color-primary-light:  #EAF4F2;
	--color-primary-dark:   #00443B;
	--color-primary-medium: #4F8C83;
	--color-primary-tint:   #D6EAE6;
	--color-primary-pale:   #E5F1EF;
	--color-primary-deep:   #003A33;
	--color-primary-accent-light:  #A6DED5;
	--color-primary-accent-medium: #3FB3A2;
	--color-primary-tint-alpha:    #D6EAE64a;
	--color-primary-soft-alpha:    #0062551c;
	--color-primary-border: #006255;
	--color-on-primary:     #ffffff;
	--color-button-primary:       #006255;
	--color-button-primary-hover: #004F45;
	--color-on-button-primary:    #ffffff;
}