/* ============================================================
   SellTheNews — Typography tokens
   ------------------------------------------------------------
   Apple-derived type scale exposed as tokens. One legible sans
   (Inter) for everything; mono (JetBrains Mono) is reserved for
   FIGURES — prices, %, confidence — so columns align (tabular).

   Hard rules baked in: body never below 11pt; supports Dynamic
   Type (rem-based, scales with root font-size). Large Title is a
   token even though Telegram owns the header — it's used by the
   HIG/Material header *slot* on native, harmless in Telegram.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', 'Roboto Mono', Menlo, monospace;

  /* ---- Apple text-style scale (size / line-height / weight) ---- */
  --type-large-title: 700 34px/40px var(--font-sans);
  --type-title-1:     700 28px/34px var(--font-sans);
  --type-title-2:     600 22px/28px var(--font-sans);
  --type-title-3:     600 20px/25px var(--font-sans);
  --type-headline:    600 17px/22px var(--font-sans);  /* semibold */
  --type-body:        400 17px/24px var(--font-sans);
  --type-callout:     400 16px/21px var(--font-sans);
  --type-subhead:     400 15px/20px var(--font-sans);
  --type-footnote:    400 13px/18px var(--font-sans);
  --type-caption-1:   400 12px/16px var(--font-sans);
  --type-caption-2:   400 11px/13px var(--font-sans);

  /* ---- Raw size ramp (when you need size alone) ---- */
  --text-34: 34px; --text-28: 28px; --text-22: 22px; --text-20: 20px;
  --text-17: 17px; --text-16: 16px; --text-15: 15px; --text-13: 13px;
  --text-12: 12px; --text-11: 11px;

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

  /* ---- Figure treatment — tabular mono for numbers ---- */
  --type-figure:        600 17px/22px var(--font-mono);
  --type-figure-lg:     600 28px/32px var(--font-mono);
  --font-feature-figure: 'tnum' 1, 'lnum' 1;   /* tabular + lining numerals */
}