:root {
  --color-0: #006747;
  --color-1: #FF4136;
  --color-2: #FFDC00;
  --color-3: rgb(140, 140, 140);
  /* --color-4: #990099;
  --color-5: #0099c6;
  --color-6: #dd4477;
  --color-7: #66aa00;
  --color-8: #b82e2e;
  --color-9: #316395; */
}

.event-page-header > .fa-square {
  color: var(--color-0);
}

.l-opt.selected-l-opt {
  background-color: var(--color-0) !important;
  color: white !important;
}

.dgp-backer {
  background-color: var(--color-0);
  border-color: var(--color-0);
}

.dgp-backer > .dgp-text { color: white; }
.dgp-backer-low > .dgp-text { color: var(--font-color-faint-2); }

.pw-points-col > .dgp-backer, .statrow-points > .dgp-backer { opacity: 0.75; }