:root {
  --bg-color: #0068c6;
  --main-color: #fa62d5;
  --caret-color: #4ddb47;
  --sub-color: #f5f5f5;
  --text-color: #fa62d5;
  --error-color: #4ddb47;
  --error-extra-color: #42ba3b;
  --colorful-error-color: #4ddb47;
  --colorful-error-extra-color: #42ba3b;
}

.pageSettings .section h1 {
  color: var(--text-color);
}

.pageSettings .section > .text {
  color: var(--sub-color);
}

.pageAbout .section .title {
  color: var(--text-color);
}

.pageAbout .section p {
  color: var(--sub-color);
}

#leaderboardsWrapper #leaderboards .title {
  color: var(--sub-color);
}

#leaderboardsWrapper #leaderboards .tables table thead {
  color: var(--sub-color);
}

#leaderboardsWrapper #leaderboards .tables table tbody {
  color: var(--sub-color);
}
