/* Type scale. Desktop-first, dense-but-calm. Body text never below 13px;
   14px is the default UI size. Headings stay small — hierarchy comes from
   weight and colour, not size. */
:root{
  --font-sans:var(--nb-font-sans);
  --font-mono:var(--nb-font-mono);

  --font-weight-regular:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;

  /* size / line-height / tracking triplets */
  --text-display-size:32px;   --text-display-lh:40px;  --text-display-ls:-.02em;  --text-display-weight:600;
  --text-h1-size:24px;        --text-h1-lh:32px;       --text-h1-ls:-.015em;      --text-h1-weight:600;
  --text-h2-size:20px;        --text-h2-lh:28px;       --text-h2-ls:-.01em;       --text-h2-weight:600;
  --text-h3-size:16px;        --text-h3-lh:24px;       --text-h3-ls:-.005em;      --text-h3-weight:600;
  --text-h4-size:14px;        --text-h4-lh:20px;       --text-h4-ls:0;            --text-h4-weight:600;
  --text-body-size:14px;      --text-body-lh:20px;     --text-body-ls:0;
  --text-body-lg-size:16px;   --text-body-lg-lh:24px;  --text-body-lg-ls:0;
  --text-body-sm-size:13px;   --text-body-sm-lh:18px;  --text-body-sm-ls:.002em;
  --text-label-size:13px;     --text-label-lh:16px;    --text-label-ls:.005em;    --text-label-weight:500;
  --text-caption-size:12px;   --text-caption-lh:16px;  --text-caption-ls:.01em;
  --text-overline-size:11px;  --text-overline-lh:16px; --text-overline-ls:.08em;  --text-overline-weight:600;
  --text-mono-size:13px;      --text-mono-lh:20px;
  --text-numeric-size:14px;

  /* Composite shorthands */
  --type-display:var(--text-display-weight) var(--text-display-size)/var(--text-display-lh) var(--font-sans);
  --type-h1:var(--text-h1-weight) var(--text-h1-size)/var(--text-h1-lh) var(--font-sans);
  --type-h2:var(--text-h2-weight) var(--text-h2-size)/var(--text-h2-lh) var(--font-sans);
  --type-h3:var(--text-h3-weight) var(--text-h3-size)/var(--text-h3-lh) var(--font-sans);
  --type-h4:var(--text-h4-weight) var(--text-h4-size)/var(--text-h4-lh) var(--font-sans);
  --type-body:var(--font-weight-regular) var(--text-body-size)/var(--text-body-lh) var(--font-sans);
  --type-body-sm:var(--font-weight-regular) var(--text-body-sm-size)/var(--text-body-sm-lh) var(--font-sans);
  --type-label:var(--text-label-weight) var(--text-label-size)/var(--text-label-lh) var(--font-sans);
  --type-caption:var(--font-weight-regular) var(--text-caption-size)/var(--text-caption-lh) var(--font-sans);
  --type-overline:var(--text-overline-weight) var(--text-overline-size)/var(--text-overline-lh) var(--font-sans);
  --type-mono:var(--font-weight-regular) var(--text-mono-size)/var(--text-mono-lh) var(--font-mono);
}