/* RatioForge — Typography tokens.
   Inter for all UI; JetBrains Mono for every number, dimension and ratio label
   (instrument-readout feel). Confident, small headings — no giant hero type.
   Scale: 13 / 14 / 16 / 20 / 28. */

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

  /* Type scale */
  --fs-13: 13px;  /* fine print, captions, ad label */
  --fs-14: 14px;  /* body, input labels */
  --fs-16: 16px;  /* default body, input values */
  --fs-20: 20px;  /* card / section headings */
  --fs-28: 28px;  /* page title (the largest we go) */

  /* Line heights */
  --lh-tight:  1.15; /* @kind other */
  --lh-snug:   1.35; /* @kind other */
  --lh-normal: 1.55; /* @kind other */

  /* Weights */
  --fw-regular: 400; /* @kind other */
  --fw-medium:  500; /* @kind other */
  --fw-semibold: 600; /* @kind other */
  --fw-bold:    700; /* @kind other */

  /* Mono tracking — slightly tightened readouts */
  --tracking-mono: -0.01em;
  --tracking-ui:    0;

  /* Semantic roles */
  --text-title:    var(--fw-semibold) var(--fs-28)/var(--lh-tight) var(--font-ui);
  --text-heading:  var(--fw-semibold) var(--fs-20)/var(--lh-snug) var(--font-ui);
  --text-body:     var(--fw-regular) var(--fs-16)/var(--lh-normal) var(--font-ui);
  --text-label:    var(--fw-medium) var(--fs-14)/var(--lh-snug) var(--font-ui);
  --text-caption:  var(--fw-regular) var(--fs-13)/var(--lh-snug) var(--font-ui);
  --text-readout:  var(--fw-medium) var(--fs-16)/var(--lh-tight) var(--font-mono);
}