:root {
  --bs-link-color: var(--text-color);
}

.form-select:focus,
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: var(--maincolor);
  outline: 0;
  box-shadow: 0 0 0 0.25rem var(--maincoloroutline);
}
/* Variables */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  --bs-nav-pills-link-active-bg: var(--maincolor);
  font-weight: bold;
  color: var(--text-color);
}
.accordion-button:not(.collapsed) {
  color: #000000;
  background-color: #ffd60033;
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--maincoloroutline);
}
.accordion-button:focus {
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
    var(--maincoloroutline);
}

.nav-pills .nav-link {
  color: var(--text-color);
}
.list-group-item:has(> button:not(.collapsed)) {
  background-color: color-mix(in srgb, var(--maincolor) 20%, transparent);
  border-radius: var(--theme-border-radius);
}

.form-floating:has(input[readonly]),
.form-floating:has(select[disabled]) {
  opacity: 0.5;
  & label:after {
    content: "🔒";
    font-size: 10px;
  }
}
/* @media (width < 992px) {
  .card {
    --bs-card-spacer-y: 0rem !important;
    --bs-card-spacer-x: 0rem !important;
  }
} */