/* TLOU2 tokens, measured from screenshots (see UI-DOC-TLOU2.md, section 4).
   Stage = 1920x1080. Colours come from JPEG, treat as reference, not as game truth.
   Do not edit to taste: restyling goes in tokens-synapse.css. */
:root{
  /* surfaces */
  --bg:#131311;
  --panel:#1f1e1b;
  --cell:#20201e;
  --cell-idle:#171715;
  --cell-sel:#343432;
  --row-sel:#3c3f3e;
  --toast:rgba(38,40,37,.92);

  /* lines */
  --line:#2a2a28;
  --line-soft:#252523;

  /* text */
  --text:#ffffff;
  --text-2:#c7c9c8;
  --text-label:#b2b2b0;
  --text-mute:#777777;
  --text-off:#4b4b49;

  /* meaning colours: TLOU uses exactly two */
  --new:#ebe761;       /* "new" dot */
  --deficit:#eb2e34;   /* not enough / not allowed */
  --sel:#ffffff;       /* selected outline and selected text */

  /* type */
  --font-ui:"Barlow","DIN Next","Bahnschrift",system-ui,sans-serif; /* stand-in for FF DIN */
  --fs-title:32px;
  --fs-item:26px;
  --fs-body:22px;
  --fs-hint:22px;
  --fs-small:18px;
  --track-caps:.06em;

  /* geometry */
  --margin:70px;
  --row:58px;
  --foot-y:963px;

  /* motion */
  --ease:cubic-bezier(.25,1,.5,1);
  --t-fast:140ms;
  --t-mid:220ms;
}