/* League colors, shared by the scoreboard and the homepage's picture of it.
   Red stays Modernist's signal color (live, win odds, lost points), so each league takes its own
   hue, in order; past eight the colors repeat and the league's code tells them apart. Every value clears 4.5:1 on the ground and on its tint, in both themes.
   An element opts in with .lg0–.lg7, which sets --lg and --lg-tint for everything inside it. */
:root{
  --league-0:#2549c8; --league-0-tint:#e8edfb;
  --league-1:#0a7650; --league-1-tint:#e2f2ea;
  --league-2:#6a3ecf; --league-2-tint:#eee8fa;
  --league-3:#8f5d00; --league-3-tint:#f6ecd8;
  --league-4:#b3246b; --league-4-tint:#f8e6ef;
  --league-5:#0b6c7d; --league-5-tint:#e0f1f4;
  --league-6:#4a5568; --league-6-tint:#e9ebef;
  --league-7:#5a6a0c; --league-7-tint:#eef1dc;
  --on-league:#ffffff;
}
[data-theme=dark]{
  --league-0:#8ea7ff; --league-0-tint:#1b2243;
  --league-1:#4ccf9e; --league-1-tint:#0f2a20;
  --league-2:#b89dff; --league-2-tint:#241b3b;
  --league-3:#eeb04f; --league-3-tint:#2e2310;
  --league-4:#ff8ac0; --league-4-tint:#35172a;
  --league-5:#5ccbdc; --league-5-tint:#0f2a2f;
  --league-6:#b0bacb; --league-6-tint:#23272f;
  --league-7:#bcd05a; --league-7-tint:#262b10;
  --on-league:#1a1918;
}
.lg0{--lg:var(--league-0);--lg-tint:var(--league-0-tint)}
.lg1{--lg:var(--league-1);--lg-tint:var(--league-1-tint)}
.lg2{--lg:var(--league-2);--lg-tint:var(--league-2-tint)}
.lg3{--lg:var(--league-3);--lg-tint:var(--league-3-tint)}
.lg4{--lg:var(--league-4);--lg-tint:var(--league-4-tint)}
.lg5{--lg:var(--league-5);--lg-tint:var(--league-5-tint)}
.lg6{--lg:var(--league-6);--lg-tint:var(--league-6-tint)}
.lg7{--lg:var(--league-7);--lg-tint:var(--league-7-tint)}
.lgc,.lb.lgc{color:var(--lg)}