:root {
  --black: #000000;
  --white: #ffffff;
  --orange: #f18c21;
  --orange-hover: #ff9f3d;
  --gray-700: #333333;
  --gray-900: #111111;
}

html {
  color: var(--white);
}

body {
  color: var(--white);
  background: var(--black);
}

h1,
h2,
h3,
dt {
  color: var(--white);
}

::-moz-selection {
  color: var(--black);
  background: var(--orange);
}

::selection {
  color: var(--black);
  background: var(--orange);
}

a,
a:visited {
  color: var(--orange);
}

a:hover {
  color: var(--orange-hover);
}

.nav__title a,
.nav__title a:visited,
.nav__title a:hover,
.nav__item,
.nav__item:visited,
.nav__item:hover {
  color: var(--white);
}

.nav__item:hover,
.nav__item:focus {
  background: var(--gray-900);
}

.block {
  border-bottom-color: var(--gray-700);
}

.block__notice {
  color: var(--white);
  background: var(--gray-900);
  border-color: var(--gray-700);
}

.block__notice a {
  color: var(--orange);
}

.button {
  color: var(--white);
  background: var(--gray-900);
  border-color: var(--gray-700);
}

.button:hover {
  color: var(--orange);
  border-color: var(--orange);
}

.button:focus {
  border-color: var(--orange);
}

.button:active {
  color: var(--black);
  background: var(--orange);
}

.page-footer {
  color: #888888;
}

.page-footer a,
.page-footer a:visited {
  color: var(--orange);
}

.page-footer a:hover {
  color: var(--orange-hover);
}