/* ============================================================
   TANK'S TRADING DESK — Typography tokens
   TradingView-native: Trebuchet MS is the single brand face —
   UI, headlines, and tabular numerals alike. No webfonts; we use
   the system Trebuchet with a sans fallback (exactly as TradingView
   does). Figures are set tabular for column alignment.
   ============================================================ */

:root {
  /* ---- The single face: Trebuchet MS, system fallback (no webfont) ---- */
  --font-sans:    'Trebuchet MS', -apple-system, BlinkMacSystemFont, Roboto, Ubuntu, 'Helvetica Neue', Arial, sans-serif;
  --font-display: var(--font-sans);   /* headlines = Trebuchet Bold              */
  --font-serif:   var(--font-sans);   /* (legacy alias) no serif in the system   */
  --font-mono:    var(--font-sans);   /* (legacy alias) figures use tabular-nums */

  /* Use this on any numeric run for TradingView-style column alignment */
  --num-tabular: tabular-nums; /* @kind other */

  /* ---- Tracking — restrained; Trebuchet wants near-zero ---- */
  --tracking-display: -0.02em;   /* slight tighten on large bold headlines */
  --tracking-tight:   -0.01em;
  --tracking-label:    0.10em;   /* uppercase labels  */
  --tracking-eyebrow:  0.12em;   /* eyebrow / kicker  */

  /* ---- Weights (Trebuchet ships 400 / 700) ---- */
  --weight-regular: 400;
  --weight-medium:  600;
  --weight-semibold:700;
  --weight-bold:    700;

  /* ---- Type scale (px) ---- */
  --fs-hero:  62px;   --lh-hero:  1.02; /* @kind other */
  --fs-h1:    34px;   --lh-h1:    1.05; /* @kind other */
  --fs-h2:    26px;   --lh-h2:    1.1;  /* @kind other */
  --fs-h3:    20px;   --lh-h3:    1.2;  /* @kind other */
  --fs-lg:    18px;
  --fs-body:  16px;   --lh-body:  1.5;  /* @kind other */
  --fs-sm:    14px;
  --fs-xs:    12px;
  --fs-label: 11px;   /* uppercase labels */
  --fs-micro: 10px;   /* eyebrows, disclaimers */
}