The leagues, phase 3: the character card, the honours collection, the skill trail

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/config.js

@@ -875,12 +875,15 @@ export const DIFFS = [
 // `band` is [lo, hi] inclusive rungs. Court order deliberately rides the bounce table: clay is
 // the slowest surface for the slowest league, grass the first prestige, and the top of the club
 // plays on THE MEMBERS' GROUND. The pace tier is TUNE.leaguePace (gameplay.leaguePace()).
+// `color` is the league's SKILL COLOUR — the identity tint the meta game hands the player:
+// the sprint-dust trail (league 2 up; league 1 keeps the shipped court dust), the character card's
+// accent, the badge row. Each rides its court's own palette so the colour reads as belonging.
 export const LEAGUES = [
-  { id: 1, name: 'THE GRAVEYARD SHIFT', court: 'clay',    band: [1, 4] },
-  { id: 2, name: 'THE CLUB STAFF',      court: 'hard',    band: [5, 8] },
-  { id: 3, name: 'THE OFFICIALS',       court: 'grass',   band: [9, 12] },
-  { id: 4, name: 'THE COACHING STAFF',  court: 'gloom',   band: [13, 15] },
-  { id: 5, name: 'THE HONOURS BOARD',   court: 'members', band: [16, 18] },
+  { id: 1, name: 'THE GRAVEYARD SHIFT', court: 'clay',    band: [1, 4],   color: '#c4652f' },
+  { id: 2, name: 'THE CLUB STAFF',      court: 'hard',    band: [5, 8],   color: '#4f7fc9' },
+  { id: 3, name: 'THE OFFICIALS',       court: 'grass',   band: [9, 12],  color: '#4cae52' },
+  { id: 4, name: 'THE COACHING STAFF',  court: 'gloom',   band: [13, 15], color: '#8fd8ff' },
+  { id: 5, name: 'THE HONOURS BOARD',   court: 'members', band: [16, 18], color: '#e8b23a' },
 ];
 export const leagueOf = lg => LEAGUES[Math.min(LEAGUES.length, Math.max(1, lg | 0 || 1)) - 1];