:root {
  /* top navigation bar */
  --color-nav-bg: #8A6FB0;
  --color-nav-hover-bg: #7A5FA0;
  --color-nav-text: #ffffff;

  /* optional: buttons, links and accents in the same purple */
  --color-primary: #8A6FB0;
  --color-primary-dark-1: #7C61A3;
  --color-primary-light-1: #9B84BD;

  --color-footer: #f4f6f8;
}

/* make nav links fully white; they look faded by default */
#navbar .item,
#navbar .item svg {
  color: #ffffff;
}