.navbar {
  background-color: transparent !important;
  border-bottom: none !important;
}
.btn-outline-primary {
  color: var(--bs-darkest) !important;
  border-color: var(--bs-primary);
  border-width: 2px;
}

.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .show > .btn-outline-primary.dropdown-toggle {
  background-color: var(--bs-form-focus-border-color);
  border-color: var(--bs-primary);
  border-width: 2px;
}

.btn-outline-primary.active {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    border-width: 2px;
}

.btn-outline-primary:focus, 
.btn-outline-primary:active:focus, 
.btn-outline-primary.active:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary,
.input-group-text {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  border-width: 2px;
  color: var(--bs-darkest) !important;
}

.btn-primary:focus, 
.btn-primary:active:focus,
.btn-primary.active:focus {
    box-shadow: none !important;
    outline: none !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active {
    background-color: var(--bs-form-focus-border-color);
    border-color: var(--bs-primary);
    border-width: 2px;
    color: var(--bs-darkest) !important;
}

.btn-primary:disabled,
.btn-primary.disabled {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    opacity: 0.65;
    color: var(--bs-darkest) !important;
}

.btn-outline-secondary {
  color: var(--bs-darkest) !important;
  border-color: var(--bs-secondary);
  border-width: 2px;
}

.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active, .btn-outline-secondary.active, .show > .btn-outline-secondary.dropdown-toggle {
  /* background-color: transparent; */
  border-color: var(--bs-secondary);
  border-width: 2px;
}

.btn-check:checked+.btn-outline-secondary {
    background-color: var(--bs-primary);
    border-color: var(--bs-secondary);
    border-width: 2px;
    color: var(--bs-darkest) !important;
}

.list-group-item {
  background-color: transparent;
  color: var(--text);
  border: 1px solid var(--bs-primary);
}

.bg-secondary {
  background-color: var(--bs-primary) !important;
  opacity: 0.5;
}

input[type="text"],
input[type="number"],
select {
  background-color: var(--bs-body-bg) !important;
  color: var(--text) !important;
  border: 1px solid var(--bs-primary) !important;
  border-radius: 6px;
  padding: 8px 12px;
  width: 250px;
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

input[type="text"]:focus,
input[type="number"]:focus,
select:focus {
    border: 1px solid var(--bs-primary);
    box-shadow: 0 0 5px var(--bs-primary);
    background-color: var(--bs-body-bg);
    color: var(--text);
}

.progress {
  background-color: #444 !important;
}