:root {
  --brand-text: #ffffff;
  --brand-link: #01a982;
  --brand-link-rgb: 1, 169, 130;
  --brand-link-hover: #00765b;
  --qq-base-color: #01a982;
  --qq-dark-color: #008364;
  --qq-light-color: #5db8a3;
  --qq-text-color: #ffffff;
  --quiz-base-color: #01a982;
  --quiz-dark-color: #008364;
  --quiz-light-color: #5db8a3;
  --quiz-text-color: #ffffff;
  --poll-base-color: #00768e;
  --poll-dark-color: #005668;
  --poll-light-color: #4f909d;
  --poll-text-color: #01a982;

  --navbar-logo-bg-color: #ffffff;
  --navbar-logo-font-color: #515357;
  --navbar-mobile-bg-color: #ffffff;
  --navbar-mobile-font-color: #292929;
  --navbar-secondary-bg-color: #515357;
  --navbar-secondary-font-color: #f2f4f7;
  --navbar-secondary-font-hover-color: #cad0d9;
  --navbar-logo-height: 100px;

  --footer-background-color: #515357;
  --footer-color: #f2f4f7;
  --footer-color-hover: #CAD0D9;

  --brand-lightest: #bcd7d1;
  --brand-lightest-rgb: 188, 215, 209;
  --brand-lighter: #96c8bc;
  --brand-lighter-rgb: 150, 200, 188;
  --brand-light: #5db8a3;
  --brand-light-rgb: 93, 184, 163;
  --brand-base: #01a982;
  --brand-base-rgb: 1, 169, 130;
  --brand-darker: #008364;
  --brand-darker-rgb: 0, 131, 100;
  --brand-darkest: #008364;
  --brand-darkest-rgb: 0, 131, 100;

  --brand-color: #01a982;
  --brand-color--adjusted: #009774;
}