/* THE TYPE SCALE (Chris, Oct 28: "Looks good", the 9-step scale; Front Desk/Design scans/text-size-plan.md 7.1).
   The ONE source of text sizes: every font-size reads one of these. qa/typescale.py reads this file for the scale and
   stops a push that adds a size off it. Nothing under 11px: a label that does not fit gets shorter text or a wider box. */
:root {
  --fs-micro: 11px;   /* meta, key letters on black keys, counters */
  --fs-small: 12px;   /* labels, tiny buttons, readout labels */
  --fs-body: 14px;    /* sub lines, hints, row text, buttons */
  --fs-ui: 15px;      /* answer buttons, lyric word, tile label (phone) */
  --fs-lead: 18px;    /* tile label (computer), lyric word (wide), popup text */
  --fs-title: 20px;   /* card heading, popup h3 */
  --fs-hero: 24px;    /* page title (phone), Today title, count-in small */
  --fs-big: 32px;     /* page title (computer), big counters */
  --fs-count: 40px;   /* count-in, big numbers */
}