:root {
  --bs-primary:          #1a5c2a;
  --bs-primary-rgb:      26, 92, 42;
  --bs-danger:           #cc1a1a;
  --bs-danger-rgb:       204, 26, 26;
  --bs-secondary-color:  #999;
  --hb-green:       #1a5c2a;
  --hb-green-light: #2d8c42;
  --hb-red:         #cc1a1a;
  --hb-red-light:   #e63333;
  --hb-dark:        #0a0a0a;
  --hb-card:        #111111;
  --hb-border:      #2a2a2a;
}

body {
  background-color: var(--hb-dark);
  color: #f0f0f0;
}

.navbar { border-bottom: 1px solid var(--hb-border); }

.btn-primary {
  background-color: var(--hb-green);
  border-color:     var(--hb-green-light);
}

.btn-primary:hover {
  background-color: var(--hb-green-light);
  border-color:     var(--hb-green-light);
}

.card {
  background-color: var(--hb-card);
  border-color:     var(--hb-border);
}

.table {
  --bs-table-bg:           var(--hb-card);
  --bs-table-border-color: var(--hb-border);
  --bs-table-color:        #f0f0f0;
}

.table-hover > tbody > tr:hover > * {
  background-color: rgba(255,255,255,0.04);
}

.nav-pills .nav-link.active {
  background-color: var(--hb-green);
}

.nav-pills .nav-link {
  color: #888;
}

.nav-pills .nav-link:hover {
  color: #fff;
}

.badge-win  { background-color: var(--hb-green) !important; }
.badge-loss { background-color: var(--hb-red)   !important; }
.badge-draw { background-color: #555             !important; }

.our-team { color: #2d8c42 !important; font-weight: 600; }

.border-start-win  { border-left: 3px solid var(--hb-green-light) !important; }
.border-start-loss { border-left: 3px solid var(--hb-red-light)   !important; }
.border-start-draw { border-left: 3px solid #555                   !important; }
.border-start-away { border-left: 3px solid #ffc107               !important; }