:root {
  /* Main background color*/
  --main-bg-color: #202945;
  --main-gradient-bg-color: radial-gradient(
    circle,
    rgba(44, 59, 94, 1) 0%,
    rgba(32, 41, 69, 1) 80%
  );

  /* fonts */
  --primary-font-color: #ffffff;
  --secondary-font-color: #202945;

  /* Leaderboard thead title background and text color*/
  --leaderboard-thead-bg: #ccc;
  --leaderboard-thead-text: #202945;

  /* Background color for Top Players*/
  --leaderboard-top-player-bg: #196d6d;
  --top-players-separator-color: #ccc;
  --badge-bg-top-player: #21847f;
  --point-bg-top-player: #21847f;

  /* Background color for Players*/
  --leaderboard-player-bg: #203d59;
  --badge-bg-player: #2a5272;
  --point-bg-player: #2a5272;

  /* Highlight your current position*/
  --highlight-your-position: #047509;
  --highlight-badge-bg: #059905;
  --highlight-point-bg: #059905;

  /* Footer Buttons*/
  --footer-button-bg-color: #024881;
  /* Footer Buttons - Active */
  --footer-button-active-bg-color: #19787f;

  /* Sidebar background color and title background color*/
  --sidebar-main-color: #202945;
  --sidebar-secondary-color: #1a2338;
  --sidebar-title-bg-color: #234260;

  /* Sidebar font color and hover background and font color */
  --sidebar-hover-bg-color: #ffffff;

  /* Sidebar open-close button - replace the class in the html, for light or dark button color */
  --sidebar-open-button-dark: brightness(0%) contrast(100%);
  --sidebar-close-button-dark: brightness(0%) contrast(100%);
  --sidebar-open-button-light: brightness(100%) contrast(100%);
  --sidebar-close-button-light: brightness(100%) contrast(100%);

  /* Separator color */
  --border-separator-color: rgba(255, 255, 255, 0.25);

  /* Buttons colors - more games */
  --lg-button-bg-color: #024881;

  /* Button - hover color */
  --focus-input: rgb(255 212 0);

  --form-error: #dc3545;

  --selection-color: #ffffff;
  --selection-bg: #c92c99;
}