:root,
body,
button,
input,
select,
textarea {
  font-family: Catamaran, "Segoe UI", sans-serif;
}

body {
  background: #f1f1ef;
}

.card h1,
.page-heading h1,
.metric strong,
.review-question {
  font-family: Catamaran, "Segoe UI", sans-serif;
  font-weight: 500;
  letter-spacing: -.04em;
}

.button.primary,
.card button {
  background: #183f65;
}

.topbar,
.card {
  border-top: 4px solid #bb1557;
}

.general-reports {
  margin-top: 24px;
}

.general-reports td:last-child {
  min-width: 240px;
}

.general-reports label {
  margin-bottom: 8px;
}

.general-reports textarea,
.general-reports select {
  width: 100%;
  border: 1px solid #c7c9cc;
  border-radius: 0;
  padding: 7px;
  background: #fff;
  font: inherit;
}

.general-message {
  min-width: 250px;
  max-width: 500px;
  white-space: pre-wrap;
}

.open-report-count {
  color: #bb1557;
  font-size: .9rem;
}

html[data-theme='dark'] body,
html[data-theme='dark'] .topbar,
html[data-theme='dark'] .result-panel,
html[data-theme='dark'] .card {
  background: #1d2228;
  color: #edf0f3;
}

html[data-theme='dark'] body { background: #15191d; }
html[data-theme='dark'] .test-main,
html[data-theme='dark'] #raw { background: #15191d; }
html[data-theme='dark'] .general-reports textarea,
html[data-theme='dark'] .general-reports select,
html[data-theme='dark'] input,
html[data-theme='dark'] select,
html[data-theme='dark'] textarea { background: #1d2228; color: #edf0f3; border-color: #46505a; }
html[data-theme='dark'] th { background: #252b32; color: #c6cbd1; }
html[data-theme='dark'] td,
html[data-theme='dark'] .topbar,
html[data-theme='dark'] .result-panel { border-color: #46505a; }