h1,h2,h3,h4,h5{letter-spacing:.2px}

/* Bootstrap uses .text-muted a lot */
.text-muted{color: var(--muted)!important}

/* Inputs */
.form-control,.form-select,.input-group-text{
  background: var(--surface-2);
  border: 1px solid var(--border);
  color: var(--text);
}
.form-control::placeholder{color: rgba(127, 145, 170, .85)}
.form-control:focus,.form-select:focus{
  background: var(--surface);
  border-color: rgba(255,153,0,.45);
  box-shadow: 0 0 0 .25rem rgba(255,153,0,.16);
  color: var(--text);
}

/* Modal */
.modal-content{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: calc(var(--radius) + 4px);
}

/* Dropdown */
.dropdown-menu{
  background: var(--surface);
  border: 1px solid var(--border);
}
.dropdown-item{color: var(--text)}
.dropdown-item:hover{background: var(--surface-2); color: var(--text)}


/* Tables */
.table{color:var(--text)}
.table>:not(caption)>*>*{background-color:transparent;border-color:var(--border)}
.table thead th{color:var(--muted);font-weight:700;border-bottom:1px solid var(--border)}
.table-striped>tbody>tr:nth-of-type(odd)>*{background:rgba(255,255,255,.03)}

/* Pagination */
.pagination .page-link{background:var(--surface);border:1px solid var(--border);color:var(--text)}
.pagination .page-link:hover{background:var(--surface-2)}
.pagination .page-item.active .page-link{background:rgba(255,153,0,.22);border-color:rgba(255,153,0,.35);color:var(--text)}