/* Elo v2 palette — warm paper canvas, white cards, cool near-black ink, and one
   saturated pair: mint for wins and gains, coral for losses. Actions stay
   near-black; mint is never a button. */
:root {
  /* Ink */
  --ink-900: #14151a;
  --ink-700: #3a3d45;
  --ink-500: #6b6f78;
  --ink-300: #a7abb4;
  --ink-100: #d9dbdf;

  /* Ground */
  --canvas: #f7f7f4;
  --surface: #ffffff;
  --surface-sunken: #f2f2ee;
  --line: #e5e5df;
  --line-strong: #d2d2cb;

  /* Two hues outside the mint/coral pair, for the two claims on a captain's
     board that are neither a win nor a loss. The rank tags already set the
     precedent that a different kind of claim gets a colour of its own.
     Two strengths of one hue was tried first and read as the same tint twice.

     Violet — this player is usually taken second or third.
     Amber  — this player is new here. */
  --violet-100: #e7e0fa;
  --violet-300: #ac93ec;
  --violet-700: #553a9e;

  /* The metals, lifted out of `rank_tag.css` so anything that means "this
     tier" can reach for them. They are deliberately outside the mint/coral
     pair — those mean win and loss, and must not start meaning "good player".

     A rating bar on the player base uses them too: `Rank::ELO` seeds every
     tier at a known rating, so "the 900s" *is* the gold band and painting it
     gold says so without a legend. A grey-to-blue ramp was tried first and
     said only "higher", which the axis already said. */
  --tier-iron: #b9b4ae;
  --tier-bronze: #d3ab86;
  --tier-silver: #b8c2c9;
  --tier-gold: #e0bd77;
  --tier-platinum: #8fc9c6;
  --tier-emerald: #86c79b;
  --tier-diamond: #9db8e8;
  --tier-master: #c3a0dd;
  --tier-above: #e0a3a3;

  --amber-100: #fbf0d2;
  --amber-300: #e8c468;
  --amber-700: #8a6616;

  /* Mint — the brand hue. Wins, gains, live data, the leader.
     500 is the fill; 800 is the only mint that carries text on white. */
  --mint-50: #effbf7;
  --mint-100: #d8f6ec;
  --mint-300: #7fe7cc;
  --mint-500: #22d3a7;
  --mint-600: #12b08a;
  --mint-800: #0b7c64;

  /* Coral — losses, destructive, alerts. */
  --coral-50: #fef1ef;
  --coral-100: #fcdedb;
  --coral-500: #f2564b;
  --coral-700: #c0392f;

  /* Amber — the single caution tint (pending, provisional). */
  --amber-50: #fdf6e7;
  --amber-700: #9a6b08;

  /* The one gradient in the system: the league header band. */
  --grad-header: linear-gradient(118deg, #14151a 0%, #17251f 52%, #0e6f59 100%);
}