/* ============================================================
   CryptoCalcy — Typography Tokens
   Display/Heading : Space Grotesk
   Body / UI       : Figtree
   Numbers / Mono  : JetBrains Mono  (all financial figures)
   ============================================================ */

:root {
  /* ---------- Font families ---------- */
  --font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-body:    'Figtree', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;

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

  /* ---------- Type scale (size / line-height / tracking) ---------- */
  /* Display */
  --text-hero-size:      64px;  --text-hero-lh:      1.04; --text-hero-ls:      -1.5px;
  --text-display-lg-size: 48px; --text-display-lg-lh: 1.08; --text-display-lg-ls: -1px;
  --text-display-md-size: 40px; --text-display-md-lh: 1.12; --text-display-md-ls: -0.6px;
  --text-display-sm-size: 32px; --text-display-sm-lh: 1.18; --text-display-sm-ls: -0.4px;

  /* Titles */
  --text-title-lg-size: 24px; --text-title-lg-lh: 1.3;  --text-title-lg-ls: -0.2px;
  --text-title-md-size: 20px; --text-title-md-lh: 1.35; --text-title-md-ls: -0.1px;
  --text-title-sm-size: 16px; --text-title-sm-lh: 1.4;  --text-title-sm-ls: 0;

  /* Body */
  --text-body-lg-size: 16px; --text-body-lg-lh: 1.55; --text-body-lg-ls: 0;
  --text-body-md-size: 14px; --text-body-md-lh: 1.55; --text-body-md-ls: 0;
  --text-body-sm-size: 13px; --text-body-sm-lh: 1.5;  --text-body-sm-ls: 0;

  /* Support */
  --text-caption-size:  12px; --text-caption-lh: 1.4; --text-caption-ls: 0.1px;
  --text-overline-size: 11px; --text-overline-lh: 1.3; --text-overline-ls: 1px;
  --text-label-size:    13px; --text-label-lh: 1.2; --text-label-ls: 0.1px;
  --text-button-size:   14px; --text-button-lh: 1;   --text-button-ls: 0.1px;

  /* Numbers — always JetBrains Mono */
  --text-number-display-size: 40px; --text-number-display-lh: 1.05; --text-number-display-ls: -0.5px;
  --text-number-lg-size: 20px; --text-number-lg-lh: 1.3; --text-number-lg-ls: 0;
  --text-number-md-size: 14px; --text-number-md-lh: 1.4; --text-number-md-ls: 0;
  --text-number-sm-size: 13px; --text-number-sm-lh: 1.4; --text-number-sm-ls: 0;

  /* ---------- Reusable line-height + tracking scales ---------- */
  --leading-none:    1;
  --leading-tight:   1.15;
  --leading-snug:    1.35;
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;

  --tracking-tighter: -1px;
  --tracking-tight:   -0.4px;
  --tracking-normal:  0;
  --tracking-wide:    0.4px;
  --tracking-wider:   1px;
}