/* ============================================================
   Manuel — Typography tokens
   Type is set in Outfit almost everywhere; Inter carries dense
   data/table content. Sizes taken from the .fig usage (14px is the
   workhorse body size — most UI text sits there).
   ============================================================ */
:root {
  --font-sans:    'Outfit', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
  --font-data:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Weights (Outfit ships 300–800) */
  --fw-light:     300; /* @kind font */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */

  /* Type scale — matches the sizes observed in the file */
  --fs-display:   48px;   /* big metric numbers, hero counts */
  --fs-h1:        32px;
  --fs-h2:        24px;
  --fs-h3:        20px;
  --fs-lg:        16px;
  --fs-body:      14px;   /* default workhorse size */
  --fs-sm:        12px;
  --fs-xs:        10px;
  --fs-2xs:       8px;    /* micro labels on pills */

  --lh-tight:     1.1; /* @kind font */
  --lh-snug:      1.3; /* @kind font */
  /* --lh-body ~23px at 14px, matches Outfit line-height in file */
  --lh-body:      1.5; /* @kind font */
}