:root {
  --brand-text: #ffffff;
  --brand-link: #00768e;
  --brand-link-rgb: 0, 118, 142;
  --brand-link-hover: #004c5b;
  --qq-base-color: #005566;
  --qq-dark-color: #003540;
  --qq-light-color: #3b6c75;
  --qq-text-color: #ffffff;
  --quiz-base-color: #ffffff;
  --quiz-dark-color: #cecece;
  --quiz-light-color: #ffffff;
  --quiz-text-color: #005566;
  --poll-base-color: #f1f7f9;
  --poll-dark-color: #acc9d3;
  --poll-light-color: #fbfeff;
  --poll-text-color: #005566;

  --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: 60px;

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

  --brand-lightest: #a4b8bc;
  --brand-lightest-rgb: 164, 184, 188;
  --brand-lighter: #81a5ad;
  --brand-lighter-rgb: 129, 165, 173;
  --brand-light: #4f909d;
  --brand-light-rgb: 79, 144, 157;
  --brand-base: #00768e;
  --brand-base-rgb: 0, 118, 142;
  --brand-darker: #005668;
  --brand-darker-rgb: 0, 86, 104;
  --brand-darkest: #005668;
  --brand-darkest-rgb: 0, 86, 104;

  --brand-color: #00768e;
  --brand-color--adjusted: #00677c;
}