/* base.css — one slice of the site stylesheet, split by concern.
   Load order is fixed in base.html and mirrors the old single-file
   source order; do not reorder the <link> tags. tokens.css holds
   every colour and must load first. */
html {
  font-size: 100%;
  color-scheme: dark;
  background-color: var(--bg);
}
body {
  font-size: 15px;
  font-size: 0.9375rem;
  font-family: "Open sans", Helvetica, Arial, sans-serif;
  color: var(--text);
  background-color: var(--bg);
  padding: 0;
}
b,
strong {
  font-weight: 600;
}
/* Bootstrap 3 ships light-mode defaults for these — repaint them once here
/////////////////////////////////////////////////////////////////////*/
hr {
  border-top-color: var(--border);
}
code {
  color: var(--accent-hover);
  background-color: var(--bg-elev-2);
}
pre {
  color: var(--text);
  background-color: var(--bg-inset);
  border-color: var(--border);
}
.panel {
  background-color: var(--bg-elev);
  border-color: var(--border);
  box-shadow: none;
}
.panel-default {
  border-color: var(--border);
}
.panel-default > .panel-heading {
  color: var(--text-strong);
  background-color: var(--bg-elev-2);
  border-color: var(--border);
}
.dropdown-menu {
  background-color: var(--bg-elev);
  border-color: var(--border);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.45);
}
.dropdown-menu .divider {
  background-color: var(--border);
}
.well {
  background-color: var(--bg-elev);
  border-color: var(--border);
  box-shadow: none;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td,
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td {
  border-color: var(--border);
}
.table-striped > tbody > tr:nth-of-type(odd),
.table-hover > tbody > tr:hover {
  background-color: var(--bg-elev);
}
.form-control {
  color: var(--text);
  background-color: var(--bg-elev);
  border-color: var(--border);
  box-shadow: none;
}
.form-control:focus {
  border-color: var(--accent-line);
  box-shadow: none;
}
.form-control::placeholder {
  color: var(--text-faint);
}
.close {
  color: var(--text-strong);
  text-shadow: none;
  opacity: 0.6;
}
.close:hover,
.close:focus {
  color: var(--text-strong);
  opacity: 1;
}
::selection {
  background: var(--accent-line);
  color: var(--text-strong);
}
.topspace {
  margin-top: 40px;
}