:root {
  --highscore-logo-height: 115px;
  --highscore-logo-width: 115px;

  --highscore-primary-rgb: 100, 100, 100;
  --highscore-secondary-rgb: 10, 10, 10;
  --highscore-white-rgb: 200, 200, 200;
  --highscore-text-rgb: 10, 10, 10;

  --highscore-primary-color: rgb(var(--highscore-primary-rgb));
  --highscore-secondary-color: rgb(var(--highscore-secondary-rgb));
  --highscore-white-color: rgb(var(--highscore-white-rgb));
  --highscore-text-color: rgb(var(--highscore-text-rgb));

  --highscore-text-gradient-color: linear-gradient(90deg, var(--highscore-white-color) 0%, rgba(190, 190, 190, 0.13) 100%);
  --highscore-score-gradient-color: linear-gradient(90deg, var(--highscore-white-color) 0%, rgba(var(--highscore-white-rgb), 0.1) 79.84%);
  --highscore-gradient-color: linear-gradient(112.23deg, var(--highscore-primary-color) 0%, var(--highscore-secondary-color) 103.45%);

  --highscore-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
}