:root {
  --bg-color: #353535;
  --element-color: #333030;
  --element-color-hover: #292424;
  --element-border-input: #34631f;
  --element-border-action: #1f5b63;
  --text-color: #bdbdbd;
  --font-family: "sourcesanspro";
  --titlebar-color: #212121;
  --titlebar-element-active-color: #335723;
  --bottomnav-color: #555555;
  --bottomnav-icon-color: #c7c7c7;
  --bottomnav-icon-active-color: #456c47;
  --bottomnav-active-color: #7ca74b;
  --loader-color: #7ca74b;
  --substitution-background-change: #14587e;
  --substitution-background-cancellation: #7d2b2d;
  --substitution-background-addition: #476331;
  --substitution-background-deletion: #7d2b2d;
  --substitution-background-unchanged: #26272a;
}

@font-face {
  font-family: "sourcesanspro";
  font-style: "normal";
  font-weight: 400;
  src: url(/fonts/SourceSansPro-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "sourcesanspro";
  font-style: "normal";
  font-weight: 300;
  src: url(/fonts/SourceSansPro-Light.ttf) format("truetype");
}

@font-face {
  font-family: "sourcesanspro";
  font-style: "normal";
  font-weight: 200;
  src: url(/fonts/SourceSansPro-ExtraLight.ttf) format("truetype");
}