:root {
  --color-primary: #b7b42a;
  --color-secondary: #3e6246;
  --color-text: #464545;
  --color-text-on-primary: #ffffff;
  --color-bg-odd: #ffffff;
  --color-bg-even: #fafafa;
  --color-bg-odd-d-20: #ccc;
  --color-bg-even-d-10: #e1e1e1;
  --color-primary-l-5: #ccc82f;
  --color-primary-l-10: #d3d041;
  --color-secondary-l-40: #a6c6ad;
  --color-primary-rgb: 183, 180, 42;
  --color-secondary-rgb: 62, 98, 70;
  --color-text-rgb: 70, 69, 69;
  --color-text-on-primary-rgb: 255, 255, 255;
  --color-bg-odd-rgb: 255, 255, 255;
  --color-bg-even-rgb: 250, 250, 250;
  --color-bg-odd-d-20-rgb: 204, 204, 204;
  --color-bg-even-d-10-rgb: 225, 225, 225;
  --color-primary-l-5-rgb: 204, 200, 47;
  --color-primary-l-10-rgb: 211, 208, 65;
  --color-secondary-l-40-rgb: 166, 198, 173;
  --color-stage-headline: #ffffff;
  --color-quickcontact-primary: #ff00ff;
  --color-quickcontact-text-on-primary: #ff00ff;
  --color-quickcontact-background: #ff00ff;
}
footer {    background-color: var(--color-primary); }