$light-bg:#515262;
$light-bg-alt: #caa05a;
$light-fg: #c9cca1;
$light-ln: #ab5675;
$light-active: #72dcbb;

$dark-bg:  #292831;
$dark-bg-alt:  #333f58;
$dark-fg:  #fbbbad;
$dark-ln:  #ee8695;
$dark-active:  #4a7a96;

body {
  &.light {
    background-color: $light-bg;
    color: $light-fg;
  }
  background-color: $dark-bg;
  color: $dark-fg;
}

a {
  &.light {
    background-color: $light-ln;
    color: $light-bg;
  }
  background-color: $dark-ln;
  color: $dark-bg;
}

a.footer-nav-item.active {
  &.light {
    color: $light-active;
  }
  color: $dark-active;
}

footer {
  &.light {
    background-color: $light-bg-alt;
    color: $light-bg;
  }
  background-color: $dark-bg-alt;
  color: $dark-bg;
}

footer a {
    &.light{
        color: $light-bg;
        background-color: $light-bg-alt;
    }
    color: $dark-bg;
    background-color: $dark-bg-alt;
}