body .winning-team {
  color: var(--green-light);
  font-weight: bold;
}

body .incorrect-team {
  color: var(--red-light);
}

body .strikethrough {
  text-decoration: line-through;
}

body .used-team {
  color: var(--light-grey-light);
}

body .matchup-container label {
  color: inherit;
}

body .matchup-radio-button {
  opacity: 0;
  position: absolute;
  height: 0;
  width: 0;
  margin: 0;
  cursor: pointer;
}

body .matchup-radio-button:checked + label {
  background-color: var(--green-light);
}

body .matchup-radio-button:disabled + label {
  color: var(--light-grey-light);
  text-decoration: line-through;
}

@media (prefers-color-scheme: dark) {
  body .winning-team {
    color: var(--green-dark);
  }

  body .incorrect-team {
    color: var(--red-dark);
  }

  body .used-team {
    color: var(--dark-grey-light);
  }

  body .matchup-radio-button:checked + label {
    background-color: var(--green-dark);
  }

  body .matchup-radio-button:disabled + label {
    color: var(--dark-grey-light);
    text-decoration: line-through;
  }
}