:root {
  --color-primary: #a42523;
  --color-secondary: #a42523;
  --color-text: #333333;
  --color-text-on-primary: #f0f0f0;
  --color-bg-odd: #fafafa;
  --color-bg-even: #ffffff;
  --color-bg-odd-d-20: #c7c7c7;
  --color-bg-even-d-10: #e6e6e6;
  --color-primary-l-5: #b92a27;
  --color-primary-l-10: #ce2e2c;
  --color-secondary-l-40: #eca8a7;
  --color-primary-rgb: 164, 37, 35;
  --color-secondary-rgb: 164, 37, 35;
  --color-text-rgb: 51, 51, 51;
  --color-text-on-primary-rgb: 240, 240, 240;
  --color-bg-odd-rgb: 250, 250, 250;
  --color-bg-even-rgb: 255, 255, 255;
  --color-bg-odd-d-20-rgb: 199, 199, 199;
  --color-bg-even-d-10-rgb: 230, 230, 230;
  --color-primary-l-5-rgb: 185, 42, 39;
  --color-primary-l-10-rgb: 206, 46, 44;
  --color-secondary-l-40-rgb: 236, 168, 167;
  --color-stage-headline: #a42523;
  --color-quickcontact-primary: #a42523;
  --color-quickcontact-text-on-primary: #ffffff;
  --color-quickcontact-background: #f0f0f0;
}
footer {    background-color: var(--color-primary); }