:root {
  --color-primary: #81b528;
  --color-secondary: #364852;
  --color-text: #364852;
  --color-text-on-primary: #ffffff;
  --color-bg-odd: #ffffff;
  --color-bg-even: #f9f9f9;
  --color-bg-odd-d-20: #ccc;
  --color-bg-even-d-10: #e0e0e0;
  --color-primary-l-5: #90ca2d;
  --color-primary-l-10: #9cd43c;
  --color-secondary-l-40: #99afbc;
  --color-primary-rgb: 129, 181, 40;
  --color-secondary-rgb: 54, 72, 82;
  --color-text-rgb: 54, 72, 82;
  --color-text-on-primary-rgb: 255, 255, 255;
  --color-bg-odd-rgb: 255, 255, 255;
  --color-bg-even-rgb: 249, 249, 249;
  --color-bg-odd-d-20-rgb: 204, 204, 204;
  --color-bg-even-d-10-rgb: 224, 224, 224;
  --color-primary-l-5-rgb: 144, 202, 45;
  --color-primary-l-10-rgb: 156, 212, 60;
  --color-secondary-l-40-rgb: 153, 175, 188;
  --color-stage-headline: #ffffff;
  --color-quickcontact-primary: #0069b4;
  --color-quickcontact-text-on-primary: #ffffff;
  --color-quickcontact-background: #dce0de;
}
footer {    background-color: var(--color-primary); }