/* Katso — Typography tokens
   Titles: Helvetica (tight, near-black). Body/data/labels: Menlo (mono).
   Both are system fonts; see readme "Fonts" for the substitution note. */

:root {
  /* ---- Families ---- */
  --font-title: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono:  Menlo, Monaco, "SF Mono", ui-monospace, monospace;
  --font-body:  var(--font-mono); /* body is mono in Katso */

  /* ---- Weights ---- */
  --weight-regular: 400;
  --weight-medium:  500;
  --weight-bold:    700;

  /* ---- Type scale (px) ---- */
  --size-display: 40px;  /* screen titles / hero */
  --size-title:   28px;  /* section titles */
  --size-heading: 20px;  /* card / group headings */
  --size-body:    15px;  /* default body (mono) */
  --size-small:   13px;  /* secondary body */
  --size-label:   11px;  /* uppercase labels, metadata */

  /* ---- Line heights ---- */
  --leading-tight:  1.1;
  --leading-snug:   1.3;
  --leading-normal: 1.5;

  /* ---- Tracking ---- */
  --tracking-title:  -0.02em; /* Helvetica titles: tightened */
  --tracking-normal: 0;
  --tracking-label:  0.12em;  /* uppercase mono labels */
}