/* Spotipharm — Typography tokens
 * IBM Plex Sans for UI/body; IBM Plex Mono for codes (EAN13), quantities and stock chains.
 * Numbers default to tabular figures so columns of quantities align. */

:root {
  /* Families */
  --font-sans: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", "Menlo", monospace;

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

  /* Type scale (1.20 minor-third, tuned for dense data UI) */
  --text-2xs:  11px;   /* micro labels, table meta */
  --text-xs:   12px;   /* secondary cell text, captions */
  --text-sm:   13px;   /* dense table body, controls */
  --text-base: 14px;   /* default body */
  --text-md:   16px;   /* emphasised body, inputs */
  --text-lg:   18px;   /* card titles */
  --text-xl:   22px;   /* section headings */
  --text-2xl:  28px;   /* page titles */
  --text-3xl:  34px;   /* display */

  /* Line heights */
  --leading-tight:   1.2;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  /* Letter spacing */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.02em;
  --tracking-caps:   0.06em;  /* uppercase eyebrow / column headers */
}

/* Numeric legibility helper — quantities, stock chains, balances */
.tnum,
:root {
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum" 1, "lnum" 1;
}