:root {
 --color-ok-bg: #dff3d8;
--color-ok-border: #8fca82;
--color-ok-text: #245c1c;
--color-ok-accent: #4f9f42;

--color-warn-bg: #fff3c4;
--color-warn-border: #e0c85a;
--color-warn-text: #665514;
/* --color-warn-accent */

--color-error-bg: #f5d6d6;
--color-error-border: #d98b8b;
--color-error-text: #6b2020;
/* --color-error-accent */

--color-consider-bg: #59406f;
--color-consider-border: #b99bd6;
--color-consider-text: #54356d;
/* --color-consider-accent */

  --color-text: #e8f1ff;
  --color-text-accent: #ffffff;

  --color-border: #5f86bd;
  --color-border-broken: #9bbce8;

  --color-bg: #07182f;
  --color-page-bg: #082f6b;

  --color-link: #7db7ff;
  --color-link-dark: #4d9cff;

  --color-pc-button-bg: #1976d2;
  --color-pc-button-bg-hover: #1565c0;
  --color-pc-button-bg-click: #0d47a1;
  --color-pc-button-text: white;
  --color-pc-button-text-click: #eee;

  --color-imp-button-bg: #ff003c;
  --color-imp-button-bg-hover: #ff2457;
  --color-imp-button-bg-click: #f21347;

  --color-unobstrusive-button-bg: var(--color-bg);
  --color-unobstrusive-button-bg-hover: #ddd;
  --color-unobstrusive-button-bg-click: #aaa;
  --color-unobstrusive-button-text: var(--color-text);
  --color-unobstrusive-button-text-click: #111;
}

body {
  color: var(--color-text);

  position: relative;

  min-width: 100%;
  height: 100%;

  background-color: var(--color-page-bg);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (max-width: 767px) {
  body {
    background-image: none;
  }
}

body {
  font-family: "Montserrat", sans-serif;
}

/* input elements are weird about their font */
input {
  font-family: inherit;
  font-size: inherit;
}

/* If element to scroll to is selected by id in URL, add offset to account for nav bar */
:target:before {
  content: "";
  display: block;
  height: calc(90px + 0.6em); /* fixed header height*/
  margin-top: calc(-90px - 0.6em); /* negative fixed header height */
}

/* Цвет границ карточек уровней */
tr {
  border: 1px dashed #1565c0 !important;
}