:root {
  --surface-000: #131013;
  --surface-100: #1E191C;
  --surface-200: #2A2327;
  --surface-hairline: #352D31;
  --surface-scrim: rgba(0, 0, 0, 0.72);
  --surface-veil: rgba(0, 0, 0, 0.4);
  --text-primary: #F6F4F3;
  --text-secondary: #C3B8BD;
  --text-disabled: #8A7A84;
  --brand-500: #D62839;
  --brand-600: #AE1F2E;
  --brand-300: #FF5A62;
  --rival-500: #1C7293;
  --rival-600: #155A75;
  --rival-300: #3E9CC4;
  --state-success: #4ADE80;
  --state-warning: #F5A524;
  --state-focus: #F6F4F3;
  --accent-pro: #E0B24A;
  --league-bronze: #C07A4A;
  --league-argent: #B8BEC6;
  --league-or: #E0B24A;
  --league-platine: #7FD1D9;
  --league-diamant: #8FB8F0;
}