/* Typography. Sizes are rem so the whole HUD scales from one html font-size (16px @1080p). */
:root{
  --font-display:'Oswald','Barlow Condensed',Impact,sans-serif;
  --font-ui:'Barlow Condensed','Oswald','Arial Narrow',sans-serif;
  --font-body:'Barlow','Segoe UI',sans-serif;
  --font-data:'Barlow Condensed','Arial Narrow',sans-serif;
  --font-key:'Barlow Condensed','Arial Narrow',sans-serif;

  --fs-display-xl:2.25rem;  /* 36 — screen brand / major screen title */
  --fs-display-lg:1.625rem; /* 26 — panel titles: INVENTORY, BACKPACK */
  --fs-heading:1.125rem;    /* 18 — tooltip item name, modal title */
  --fs-subheading:0.9375rem;/* 15 — sub-section: ITEMS ON GROUND */
  --fs-label:0.8125rem;     /* 13 — UI label: PRIMARY, USE */
  --fs-label-sm:0.75rem;    /* 12 — tile meta, slot label */
  --fs-body:0.875rem;       /* 14 — descriptions */
  --fs-body-sm:0.8125rem;   /* 13 */
  --fs-data-lg:1.125rem;    /* 18 */
  --fs-data:0.875rem;       /* 14 — 29.15 / 85.00 KG */
  --fs-data-sm:0.75rem;     /* 12 — 79x on tiles; floor for any gameplay number */
  --fs-key:0.8125rem;       /* 13 */
  --fs-micro:0.6875rem;     /* 11 — absolute floor, keycap digits in slot corners only */

  --fw-regular:400; /* @kind font */
  --fw-medium:500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:700; /* @kind font */

  --lh-tight:1; /* @kind font */
  --lh-snug:1.15; /* @kind font */
  --lh-ui:1.25; /* @kind font */
  --lh-body:1.45; /* @kind font */

  --ls-display:0.01em; /* @kind font */
  --ls-heading:0.03em; /* @kind font */
  --ls-label:0.07em; /* @kind font */
  --ls-data:0.02em; /* @kind font */
  --ls-key:0.04em; /* @kind font */
  --ls-body:0; /* @kind font */

  /* role shorthands (font: shorthand) */
  --type-display:var(--fw-semibold) var(--fs-display-lg)/var(--lh-tight) var(--font-display); /* @kind font */
  --type-heading:var(--fw-semibold) var(--fs-heading)/var(--lh-snug) var(--font-ui); /* @kind font */
  --type-label:var(--fw-semibold) var(--fs-label)/var(--lh-ui) var(--font-ui); /* @kind font */
  --type-body:var(--fw-regular) var(--fs-body)/var(--lh-body) var(--font-body); /* @kind font */
  --type-data:var(--fw-medium) var(--fs-data)/var(--lh-tight) var(--font-data); /* @kind font */
  --type-key:var(--fw-bold) var(--fs-key)/var(--lh-tight) var(--font-key); /* @kind font */
}