:root {
  --color-primary-dark: #b00a11;      /*Bottom*/
  --color-primary: #dc0c15;           /*Top*/
  --color-primary-light: #e33d44;     /*700*/
  --color-primary-lighter: #ea6d73;   /*500*/
  --color-primary-lightest: #f5b6b9;  /*100*/

  --color-secondary-dark: #000000;
  --color-secondary: #2f2c29;
  --color-secondary-light: #595654;
  --color-secondary-lighter: #82807f;
  --color-secondary-lightest: #c1c0bf;

  --color-header-top-background: #FFFFFF;
  --color-header-bottom-background: #2f2c29;
  --color-header-user-name-text: #2f2c29;

  --color-statistics-prediction-background: #2f2c29;
  --color-statistics-prediction-card-background: #c1c0bf;
  --color-statistics-prediction-icon-color: #c1c0bf;
  --color-statistics-prediction-text-color: #2f2c29;

  --color-statistics-crown-points-background: var(--color-primary);
  --color-statistics-crown-points-card-background: var(--color-primary-lightest);
  --color-statistics-crown-points-icon-color: var(--color-primary-lightest);
  --color-statistics-crown-points-text-color: var(--color-secondary-dark);

  --color-statistics-score-background: var(--color-secondary);
  --color-statistics-score-points-card-background: var(--color-secondary-lightest);
  --color-statistics-score-icon-color: var(--color-secondary-lightest);
  --color-statistics-score-text-color: var(--color-secondary-dark);

  --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-secondary-lighter);
  --color-compare-members-opponent-text: var(--color-secondary-dark);
  --color-compare-members-opponent-image-background: var(--color-secondary);
  --color-compare-members-opponent-card-background: var(--color-secondary-lighter);
  --color-compare-members-opponent-card-text: var(--color-secondary-dark);
  --color-compare-members-progressbar-background: var(--color-primary-lightest);
  --color-compare-members-progressbar-progress: var(--color-primary);
  --color-compare-members-progressbar-text: #FFFFFF;

  --color-versus-shield: var(--color-primary);
  --color-versus-shield-text: #F8F8F8;
  --color-versus-shield-text-outline: var(--color-secondary);

  --color-leaderboard-text: #000000;

  --color-leaderboard-first-position-background: var(--color-primary-light);
  --color-leaderboard-second-position-background: var(--color-primary-lighter);
  --color-leaderboard-third-position-background : var(--color-primary-lightest);
  --color-leaderboard-user-outside-top-three-background: var(--color-secondary-lighter);

  --logo-mobile-margin-top: 0px;
  --logo-mobile-height: 100px;
  --logo-mobile-width: 200px;
  --logo-desktop-margin-top: 4px;
  --logo-desktop-height: 85px;
  --logo-desktop-width: 400px;

  --color-prediction-match-progressbar-progress-text: #FFFFFF;
  --color-prediction-match-progressbar-overview-text: var(--color-secondary);
  --color-prediction-match-progressbar-progress: var(--color-secondary);
  --color-prediction-match-progressbar-background: var(--color-primary);

  --color-prediction-overview-crown-popup-one-text: #FFFFFF;
  --color-prediction-overview-crown-popup-two-text: #FFFFFF;
}