:root {
  --gh-bg: #111111;
  --gh-bg-soft: #1a1a1a;
  --gh-card: #181818;
  --gh-border: #2A2A2A;
  --gh-red: #EE4747;
  --gh-red-hover: #E13B3B;
  --gh-text: #ffffff;
  --gh-muted: #A1A1AA;
  --gh-radius: 18px;
}

body {
  background: var(--gh-bg) !important;
  color: var(--gh-text);
}

.card,
.panel,
.list-group-item {
  background: var(--gh-card) !important;
  border-color: var(--gh-border) !important;
  border-radius: var(--gh-radius);
}

.btn-primary,
button.btn-primary,
input.btn-primary {
  background: var(--gh-red) !important;
  border-color: var(--gh-red) !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input.btn-primary:hover {
  background: var(--gh-red-hover) !important;
  border-color: var(--gh-red-hover) !important;
}

.table,
.table td,
.table th {
  color: var(--gh-text);
  border-color: var(--gh-border) !important;
}

.text-muted,
.small,
small {
  color: var(--gh-muted) !important;
}