:root {
	--dark-text: #000000;
	--light-text: #ffffff;
	--primary-green: #79b51c;
	--focused-green: #5b8915;
	--pressed-green: #406607;
	--primary-grey: #879494;
	/*greys*/
	--grey-85: #262626;
	--grey-70: #707173;
	--grey-45: #8c8c8c;
	--grey-25: #bfbfbf;
	--grey-15: #d9d9d9;
	--grey-15-alpha: rgba(217, 217, 217, .5);
	--grey-10: #ededed;
	--grey-5: #f8f8f8;
	/*support*/
	--support-darkred: #b32a3a;
	--support-darkred-focus: #8f1221;
	--support-darkred-active: #6b0909;
	--support-red: #fad4d4;
	--support-orange: #ff8d2a;
	--support-orange-hover: #eb7b19;
	--support-orange-active: #d1670b;
	--support-blue: #ddf5ff;
	--support-darkblue: #2b7593;
	--support-darkblue-hover: #235A71;
	--support-darkblue-active: #233B4A;
	/*new & released*/
	--new-background: #fff8cf;
	/* from figma */
	--ds-primary-light-green: #E4F1CF;
	--ds-primary-green: #79B51C;
	--ds-primary-disabled-green: #BCDA8D;
	--ds-primary-pressed-green: #406607;
	--ds-primary-focused-green: #5B8915;
	--ds-red-support-darkred: #B32A3A;
	--ds-red-support-darkred-focus: #8F1221;
	--ds-red-support-darkred-active: #6B0909;
	--ds-red-support-red: #FAD4D4;
}