:root {
  --cassiopeia-color-primary: #000000; /* black */
  --cassiopeia-color-secondary: #ffffff; /* white*/
  --cassiopeia-color-background: #bbbbbb; /* grey */
  --cassiopeia-color-hover: #808080; /* grey */
  --cassiopeia-color-link: #bbbbbb; /* grey */
}

.container-header {
  color: var(--cassiopeia-color-primary);
  background-color: var(--cassiopeia-color-background);
  background-image: none;
}

.container-header .mod-menu {
  color: var(--cassiopeia-color-primary);
}

.container-header .metismenu-item {
  color: var(--cassiopeia-color-secondary) !important;
}

.container-footer {
  color: var(--cassiopeia-color-primary);
  background-color: var(--cassiopeia-color-background);
  background-image: none;
}

.container-footer .mod-footer {
  color: var(--cassiopeia-color-primary);
}

.container-header .navbar-toggler {
    color: var(--cassiopeia-color-primary);
    border: 1px solid var(--cassiopeia-color-primary);
}

.container-header .navbar-toggler .mod-menu__heading {
    color: var(--cassiopeia-color-secondary;
    border: 1px solid var(--cassiopeia-color-secondary);
}

.container-header .navbar-toggler .separator {
    color: var(--cassiopeia-color-secondary;
    border: 1px solid var(--cassiopeia-color-secondary);
}

/* Menu Text white = THIS DOES NOT WORK! */
.container-header .mod-menu > li > span {
/*.container-header .mod-menu {*/
    color: white;
}

.mod-list li span {
  color: var(--cassiopeia-color-secondary)  !important;
}

.container-header .site-description {
  color: var(--cassiopeia-color-primary);
}