/* ============================================================
   Trade Challenge — Typography tokens
   Three-family system:
     Orbitron     → display, big numerals, prize amounts, wordmark
     Chakra Petch → headings, buttons, UI labels, eyebrows
     Rajdhani     → body copy, descriptions, paragraphs
   Type is condensed and technical; headings track tight, while
   eyebrows/labels track WIDE and uppercase.
   ============================================================ */

:root {
  /* ---- Font families ---------------------------------------- */
  --tc-font-display: 'Orbitron', sans-serif;     /* numerals + wordmark */
  --tc-font-head:    'Chakra Petch', sans-serif; /* headings + UI       */
  --tc-font-body:    'Rajdhani', sans-serif;     /* body                */

  /* ---- Weights ---------------------------------------------- */
  --tc-w-regular:  400; /* @kind font */
  --tc-w-medium:   500; /* @kind font */
  --tc-w-semibold: 600; /* @kind font */
  --tc-w-bold:     700; /* @kind font */
  --tc-w-extra:    800; /* @kind font */
  --tc-w-black:    900; /* @kind font */

  /* ---- Display scale (Orbitron) ----------------------------- */
  --tc-fs-hero:    74px;   /* mascot hero headline      */
  --tc-fs-prize:   46px;   /* prize pool amount         */
  --tc-fs-display: 30px;   /* large stat numerals       */
  --tc-fs-stat:    22px;   /* card stat value           */

  /* ---- Heading scale (Chakra Petch) ------------------------- */
  --tc-fs-h1:      40px;
  --tc-fs-h2:      30px;
  --tc-fs-h3:      18px;
  --tc-fs-title:   26px;   /* auth / modal title        */

  /* ---- Body + UI scale -------------------------------------- */
  --tc-fs-lg:      18px;   /* hero description          */
  --tc-fs-body:    15px;   /* default body / inputs     */
  --tc-fs-sm:      13.5px; /* secondary text            */
  --tc-fs-xs:      12px;   /* captions / fine print     */
  --tc-fs-eyebrow: 12px;   /* uppercase eyebrow         */

  /* ---- Line heights ----------------------------------------- */
  --tc-lh-tight:   1.08;   /* @kind font */
  --tc-lh-snug:    1.2;     /* @kind font */
  --tc-lh-normal:  1.5;    /* @kind font */

  /* ---- Letter spacing --------------------------------------- */
  --tc-ls-tight:   -0.4px; /* @kind font */
  --tc-ls-normal:  0.3px;   /* @kind font */
  --tc-ls-wide:    1.5px;  /* @kind font */
  --tc-ls-eyebrow: 2.4px;  /* @kind font */
}