:root {
  --main-div-color: black;
  --main-div-shade: #212529;
  --hr-bg-color: white;
  --text-color: white;
  --main-content-img-div-bg-color: white;
  --main-content-text-color: black;
  --accordion-general-bg-color: black;
  --accordion-text-color: white;
}

:root[theme=light] {
  --main-div-color: white;
  --main-div-shade: #e9ecef;
  --hr-bg-color: black;
  --text-color: black;
  --main-content-img-div-bg-color: black;
  --main-content-text-color: white;
  --accordion-general-bg-color: white;
  --accordion-text-color: black;
}

.bg-color-main-div {
  background-color: var(--main-div-color);
}

.bg-shade-main-div {
  background-color: var(--main-div-shade);
}

.hr-bg-color {
  background-color: var(--hr-bg-color);
}

.txt-color {
  color: var(--text-color);
}

.main-content-colors {
  background-color: var(--main-content-img-div-bg-color);
  color: var(--main-content-text-color);
}

.accordion-colors {
  background-color: var(--accordion-general-bg-color);
  color: var(--accordion-text-color);
}

i {
  color: var(--text-color);
}

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

.accordion-button {
  display: block;
  padding: 0;
  transition: color 0s;
}
.accordion-button:not(.collapsed) {
  background-color: var(--accordion-general-bg-color);
  color: var(--accordion-text-color);
}

.accordion-button:focus {
  box-shadow: none;
}

.btn {
  border-radius: 0;
  color: var(--text-color);
  transition: color 0s;
}
.btn:hover {
  color: var(--text-color);
}
.btn:focus {
  color: var(--text-color);
}

.form-switch .form-check-input {
  border: none;
}
.form-switch .form-check-input:focus {
  box-shadow: none;
  border-color: #d3d3d3;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23d3d3d3'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-color: gray;
}

/*# sourceMappingURL=custom.css.map */