/* ============================================================
   PIIPS — TYPOGRAPHY
   Mobile-first social UI. Compact, legible, signal-dense.
   Sizes mirror the Figma usage (12 / 14 / 15 / 20 dominant).
   ============================================================ */

:root {
  /* ---- Families -------------------------------------------- */
  --font-ui:    'Roboto Flex', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-mono:  'Roboto Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --font-rain:  'Share Tech Mono', 'Roboto Mono', monospace; /* matrix display */

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

  /* ---- Type scale (size / line-height) --------------------- */
  --text-display:    700 32px/1.1  var(--font-ui);   /* hero / wordmark scale */
  --text-h1:         700 24px/1.25 var(--font-ui);   /* screen titles "Posts" */
  --text-h2:         600 20px/1.3  var(--font-ui);   /* section heads         */
  --text-name:       600 15px/1.3  var(--font-ui);   /* usernames             */
  --text-body:       400 15px/1.4  var(--font-ui);   /* post content          */
  --text-body-sm:    400 14px/1.4  var(--font-ui);   /* default body          */
  --text-label:      500 14px/1.4  var(--font-ui);   /* buttons, tabs         */
  --text-meta:       400 12px/1.4  var(--font-ui);   /* 10m · 15km · p/...     */
  --text-caption:    400 11px/1.35 var(--font-ui);   /* badges, fine print     */
  --text-mono-meta:  500 12px/1.4  var(--font-mono); /* distances, codes      */

  /* ---- Raw sizes (for ad-hoc use) -------------------------- */
  --size-11: 11px;  --size-12: 12px;  --size-14: 14px;  --size-15: 15px;
  --size-16: 16px;  --size-20: 20px;  --size-24: 24px;  --size-32: 32px;

  /* ---- Tracking -------------------------------------------- */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.04em;   /* mono labels, channel handles */
}