* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
}

html {
  background: gray;
  color: white;
}

body {
  background: var(--bg1-color);
  color: var(--main-text-color);
}

:root {
  --bg0-color:white;
  --bg1-color:#ededed;
  --gb2-color:#dedede;
  --bg0-hover:#eee;
  --bg2-hover:#eee;
  --main-text-color:black;
  --img-opac:1;
  --img-opac-hover:0.8;
  --img-gray: 0;
}

#js-bright-btn {
  width: 30px;
  border-radius: 50%;
  padding: 2px;
  transition: 0.3s;
}
#js-bright-btn:hover {
  box-shadow: 0 0 15px black;
}

.js-bright-btn__night {
  filter: invert(0.8);
}/*# sourceMappingURL=base.css.map */