:root {
  --color-primary: #337733;
  --color-secondary: #337733;
  --color-text: #293d27;
  --color-text-on-primary: #ffffff;
  --color-bg-odd: #ffffff;
  --color-bg-even: #f7f7f7;
  --color-bg-odd-d-20: #ccc;
  --color-bg-even-d-10: #dedede;
  --color-primary-l-5: #3b893b;
  --color-primary-l-10: #429b42;
  --color-secondary-l-40: #a0d6a0;
  --color-primary-rgb: 51, 119, 51;
  --color-secondary-rgb: 51, 119, 51;
  --color-text-rgb: 41, 61, 39;
  --color-text-on-primary-rgb: 255, 255, 255;
  --color-bg-odd-rgb: 255, 255, 255;
  --color-bg-even-rgb: 247, 247, 247;
  --color-bg-odd-d-20-rgb: 204, 204, 204;
  --color-bg-even-d-10-rgb: 222, 222, 222;
  --color-primary-l-5-rgb: 59, 137, 59;
  --color-primary-l-10-rgb: 66, 155, 66;
  --color-secondary-l-40-rgb: 160, 214, 160;
  --color-stage-headline: #337733;
  --color-quickcontact-primary: #ff00ff;
  --color-quickcontact-text-on-primary: #ff00ff;
  --color-quickcontact-background: #ff00ff;
}
footer {    background-color: var(--color-primary); }