:root {
  --color-0: #ffb500;
  --color-1: rgb(128, 128, 128);
  --color-2: rgba(58, 61, 102, 1);
  --color-3: #FF4136;
  /* --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: var(--color-2) !important;
}

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

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

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