:root {
  --brand: #0f766e;
  --ink: #102027;
  --muted: #61717a;
  --line: #d8e1e5;
  --paper: #f8fafb;
}

body {
  background: var(--paper);
  color: var(--ink);
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.navbar-brand,
.text-brand {
  color: var(--brand) !important;
}

.btn-brand {
  background: var(--brand);
  border-color: var(--brand);
  color: #fff;
}

.btn-brand:hover {
  background: #0b5f59;
  border-color: #0b5f59;
  color: #fff;
}

.panel {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: 0 10px 28px rgba(16, 32, 39, .05);
}

.exam-question {
  border-top: 1px solid var(--line);
  padding: 1.25rem 0;
}

.timer-chip {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 999px;
  font-variant-numeric: tabular-nums;
  padding: .4rem .8rem;
}

.suspicious-row {
  background: #fff3cd !important;
}