html {
	--promo-color: #039542;
	--promo-color-hover: #0daf53;
}

/* Main containers */
html,
body,
#page-container {
  --color: #fff;
	--background-color: #121212;
  color: var(--color);
	background-color: var(--background-color);
}

* {
  color: var(--color);
}

/* Links */
a {
  --color: #ffffff;
  --color-hover: #f1b000;
  --background-color: transparent;
  --background-color-hover: transparent;
	color: var(--color);
  background-color: var(--background-color);

  &:focus,
  &:visited {
    color: var(--color);
    background-color: var(--background-color);
  }
}

.is-desktop {
  a:hover {
    &,
    * {
      color: var(--color-hover) !important;
      background-color: var(--background-color-hover) !important;
    }
  }
}