:root {
  --color-primary: #8f3e7b;
  --color-secondary: #2d4780;
  --color-text: #3c4963;
  --color-text-on-primary: #ffffff;
  --color-bg-odd: #ffffff;
  --color-bg-even: #ffffff;
  --color-bg-odd-d-20: #ccc;
  --color-bg-even-d-10: #e6e6e6;
  --color-primary-l-5: #a1468a;
  --color-primary-l-10: #b24e99;
  --color-secondary-l-40: #9db1dc;
  --color-primary-rgb: 143, 62, 123;
  --color-secondary-rgb: 45, 71, 128;
  --color-text-rgb: 60, 73, 99;
  --color-text-on-primary-rgb: 255, 255, 255;
  --color-bg-odd-rgb: 255, 255, 255;
  --color-bg-even-rgb: 255, 255, 255;
  --color-bg-odd-d-20-rgb: 204, 204, 204;
  --color-bg-even-d-10-rgb: 230, 230, 230;
  --color-primary-l-5-rgb: 161, 70, 138;
  --color-primary-l-10-rgb: 178, 78, 153;
  --color-secondary-l-40-rgb: 157, 177, 220;
  --color-stage-headline: #ffffff;
  --color-quickcontact-primary: #ff00ff;
  --color-quickcontact-text-on-primary: #ff00ff;
  --color-quickcontact-background: #ff00ff;
}
footer {    background-color: var(--color-primary); }