:root {
  --society-forest: #1b4332;
  --society-slate: #415a77;
  --society-bg: #f4f6f5;
}
body { background: var(--society-bg); color: #1b263b; }
.bg-society { background-color: var(--society-forest) !important; }
h1, h2, h3 { color: var(--society-forest); }
.table thead th { background: #e9ecef; }
#people-table tfoot td { border-top: 2px solid #1b263b; font-weight: 700; }
.btn-primary { background-color: var(--society-forest); border-color: var(--society-forest); }
.btn-primary:hover { background-color: #2d6a4f; border-color: #2d6a4f; }
.metric { font-size: 1.25rem; font-weight: 600; }
.muted { color: var(--society-slate); }
.help-tip { border-bottom: 1px dotted #6c757d; cursor: help; }
.tooltip-inner { max-width: 280px; text-align: left; }
table.sortable-grid th.sortable {
  cursor: pointer;
  user-select: none;
  white-space: nowrap;
}
table.sortable-grid th.sortable::after {
  content: ' \2195';
  opacity: 0.35;
  font-size: 0.85em;
}
table.sortable-grid th.sorted-asc::after { content: ' \25B2'; opacity: 0.8; }
table.sortable-grid th.sorted-desc::after { content: ' \25BC'; opacity: 0.8; }
#activityTabs .nav-link { color: var(--society-slate); }
#activityTabs .nav-link.active {
  color: var(--society-forest);
  font-weight: 600;
  border-color: #dee2e6 #dee2e6 #fff;
}