/* Lens Finance typography tokens.
   Outfit for all UI text; JetBrains Mono for money.
   Never mix roles: no mono on labels, no Outfit on amounts. */

:root {
  --font-ui:   "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* ---- Outfit UI scale (size / weight) ---- */
  --h1-size: 28px;  --h1-weight: 700; /* Screen titles */
  --h2-size: 18px;  --h2-weight: 600; /* Section titles, app-bar */
  --h3-size: 16px;  --h3-weight: 600; /* Subsection titles */
  --title-lg-size: 22px; --title-lg-weight: 600; /* Sheet / dialog headings */
  --title-md-size: 16px; --title-md-weight: 500; /* Card titles, settings */
  --title-sm-size: 14px; --title-sm-weight: 500;
  --body-lg-size: 14px;  --body-lg-weight: 400; /* Body, transaction names */
  --body-md-size: 14px;  --body-md-weight: 500; /* Emphasised body */
  --body-sm-size: 12px;  --body-sm-weight: 400; /* Category labels, dates */
  --label-lg-size: 12px; --label-lg-weight: 600; /* Buttons, chips */
  --label-md-size: 11px; --label-md-weight: 600; /* Small buttons, badges */
  --label-sm-size: 10px; --label-sm-weight: 500; /* Nav labels, eyebrows */

  /* ---- JetBrains Mono financial scale ---- */
  --mono-hero-size: 56px; --mono-hero-weight: 700; --mono-hero-tracking: -2px;   /* Hero daily budget */
  --mono-lg-size:   32px; --mono-lg-weight:   700; --mono-lg-tracking:   -0.5px; /* Account detail balance */
  --mono-md-size:   22px; --mono-md-weight:   700; --mono-md-tracking:   -0.5px; /* Balances, goal targets */
  --mono-sm-size:   14px; --mono-sm-weight:   600; --mono-sm-tracking:   0;      /* Transaction amounts */

  /* Section eyebrows are ALL CAPS, tracked out */
  --eyebrow-tracking: 0.08em;
}