:root { --error: #db4437; --primarycolor: #008A26; --primarycolor-lighten-15: #269C47; --cta: #006645; --text-color: #333333; --linkcolor: #008A26; --tile-color: #FFFFFF; --donate-color: #5E4F9C; --main: #F5F5F5; /* variables with opacity */ --primary-opacity-20: rgba(0, 138, 38, 0.20); --linkcolor-opacity-70: rgba(0, 138, 38, 0.30); --tile-opacity-20: rgba(255, 255, 255, 0.20); --cta-opacity-20: rgba(0, 102, 69, 0.20); --cta-opacity-5: rgba(0, 102, 69, 0.05); --cta-opacity-08: rgba(0, 102, 69, 0.08); --cta-opacity-16: rgba(0, 102, 69, 0.16); --cta-opacity-15: rgba(0, 102, 69, 0.15); --text-opacity-04: rgba(51, 51, 51, 0.04); --text-opacity-5: rgba(51, 51, 51, 0.05); --text-opacity-15: rgba(51, 51, 51, 0.15); --text-opacity-20: rgba(51, 51, 51, 0.20); --text-opacity-30: rgba(51, 51, 51, 0.30); --text-opacity-40: rgba(51, 51, 51, 0.40); --text-opacity-50: rgba(51, 51, 51, 0.50); --text-opacity-90: rgba(51, 51, 51, 0.90); }