:root {
  --color-primary-dark: #000000;      /*Bottom*/
  --color-primary: #000000;           /*Top*/
  --color-primary-light: #353535;     /*700*/
  --color-primary-lighter: #686868;   /*500*/
  --color-primary-lightest: #DFDFDF;  /*100*/

  --color-secondary-dark: #A4A192;
  --color-secondary: #FFFFFF;
  --color-secondary-light: #F1EEE1;
  --color-secondary-lighter: #F6F4EB;
  --color-secondary-lightest: #FAF9F5;

  --color-statistics-prediction-background: #154734;
  --color-statistics-prediction-card-background: #79A24A;
  --color-statistics-prediction-icon-color:#79A24A;
  --color-statistics-prediction-text-color: #000000;

  --color-compare-members-user-background: var(--color-primary-lightest);
  --color-compare-members-user-text: var(--color-primary);
  --color-compare-members-user-image-background: var(--color-primary);
  --color-compare-members-user-card-background: var(--color-primary-lightest);
  --color-compare-members-user-card-text: var(--color-primary);
  --color-compare-members-vs-text: var(--color-primary);
  --color-compare-members-opponent-background: var(--color-primary);
  --color-compare-members-opponent-text: #FFFFFF;
  --color-compare-members-opponent-image-background: var(--color-primary-lightest);
  --color-compare-members-opponent-card-background: var(--color-primary);
  --color-compare-members-opponent-card-text: #FFFFFF;
  --color-compare-members-progressbar-background: var(--color-primary-lightest);
  --color-compare-members-progressbar-progress: var(--color-primary);
  --color-compare-members-progressbar-text: #FFFFFF;

  --color-leaderboard-text: var(--color-primary);

  --color-leaderboard-first-position-background: #FFC107;
  --color-leaderboard-second-position-background: #BFC1C2;
  --color-leaderboard-third-position-background : #CD7F32;
  --color-leaderboard-user-outside-top-three-background: var(--color-primary-lightest);
}