/* black-on-white */
.black-on-white:root {
  --accent: #000;
  --accent-dark: #000;
  --accent-link: #000;
  --text: #000;

}

.black-on-white img {
  filter: grayscale(100%);
}

.black-on-white #useful-links ul li a::before {
  background-image: url('../images/gerb-grey.png');
}

.black-on-white footer {
  background: #000;
  color: #fff;
}

.black-on-white .main-user .name,
.black-on-white .news-link,
.black-on-white .news-date,
.black-on-white .structure-list a,
.black-on-white article a {
  color: #000;
}




/* white-on-black */
.white-on-black:root {
  --accent: #fff;
  --accent-dark: #fff;
  --accent-link: #fff;
  --text: #fff;
  --regular-text: 18px;
  --lineheight: 1.3;
}

.white-on-black body {
  background: #000;
  color: #fff;
}

.white-on-black img {
  filter: grayscale(100%);
}

.white-on-black #useful-links ul li a::before {
  background-image: url('../images/gerb-grey.png');
}

.white-on-black footer {
  background-color: #fff;
  color: #000;
}

.white-on-black footer a,
.white-on-black footer .contacts .bt,
.white-on-black .footer-links .bt,
.white-on-black #useful-links ul li a,
.white-on-black #info-pages ul li a,
.white-on-black nav.main-nav ul li a,
.white-on-black nav.main-nav ul li .sub-menu li a,
.white-on-black .top p {
  color: #000;
}

.white-on-black .main-user .name,
.white-on-black .news-link,
.white-on-black .news-date,
.white-on-black .structure-list a,
.white-on-black article a {
  color: #fff;
}

.white-on-black .accessibility-panel button {
  color: #000;
  border: 1px solid #000;
}

.white-on-black .eye-icon,
.white-on-black .search-block button svg path {
  fill: #000;
}

.white-on-black .header {
  background: transparent;
  background-color: #fff;
}

.white-on-black .logo-link {
  filter: contrast(0);
}

.white-on-black header nav li.menu-item-has-children a i {
  background: url("../images/arr-black.svg") 50% 50% no-repeat;
  background-size: auto;
  background-size: 20px;
}

.white-on-black .btn-line {
  background: #000;
}

/* font-small */
.font-small:root {
  --regular-text: 12px;
  --text-14: 10px;
  --text-16: 11px;
  --text-20: 14px;
  --text-22: 16px;
  --text-28: 18px;
  --lineheight: 1.3;
}

/* font-medium */
.font-medium:root {
  --regular-text: 14px;
  --text-14: 11px;
  --text-16: 13px;
  --text-20: 16px;
  --text-22: 18px;
  --text-28: 20px;
  --lineheight: 1.3;
}

/* font-large */
.font-large:root {
  --regular-text: 20px;
  --text-14: 16px;
  --text-16: 18px;
  --text-20: 22px;
  --text-22: 24px;
  --text-28: 32px;
  --lineheight: 1.3;
}