/* Therius — Typography tokens
   Three families, three jobs: a geometric display sans for brand character,
   a neutral UI sans for product copy, and a mono for IDs/amounts/code. */

:root {
  --font-display: 'Plus Jakarta Sans', system-ui, sans-serif; /* headlines, big numbers — weights 700/800 */
  --font-ui:      'Inter', system-ui, sans-serif;              /* all interface text — weights 400/500/600 */
  --font-mono:    'JetBrains Mono', ui-monospace, monospace;   /* IDs, tokens, amounts, code — weights 400/500 */

  /* ---- Brand / marketing scale (decks, specimens, hero copy) ---- */
  --text-display: 700 64px/1.05 var(--font-display);
  --text-h1:      700 40px/1.15 var(--font-display);
  --text-h2:      700 28px/1.25 var(--font-display);
  --text-lede:    400 20px/1.55 var(--font-ui);
  --text-label:   600 16px/1.3 var(--font-ui);
  --text-mono-lg: 400 16px/1.4 var(--font-mono);

  /* ---- Product / UI scale (dashboard density — matches shipped Tailwind sizes) ---- */
  --text-xs:   12px;  /* badges, table headers, meta */
  --text-sm:   13px;  /* table cells, secondary labels */
  --text-base: 14px;  /* body / form controls */
  --text-md:   16px;  /* card titles, nav items at rest */
  --text-lg:   18px;  /* dialog titles */
  --text-xl:   20px;  /* page titles (PageHeader h1) */
  --text-2xl:  24px;  /* hero stat values */

  --leading-tight:  1.15;
  --leading-snug:   1.35;
  --leading-normal: 1.5;

  --tracking-wide:  0.06em;  /* uppercase labels */
  --tracking-widest: 0.16em; /* eyebrows, mono captions */
}