Adopt remaining typography token classes (CR-24)

Map exact size/weight/line-height combos onto existing text-* utilities across cards, sections, navigation, modals, controls, and create-flow. Leave unmappable combos hardcoded for design review.

Co-authored-by: Cursor <cursoragent@cursor.com>

app/components/cards/TemplateReviewCard/TemplateChipDetailModal.tsx

@@ -56,7 +56,7 @@ export function TemplateChipDetailModal({
     >
       <div className="flex flex-col gap-[var(--measures-spacing-600,24px)] pb-2">
         {resolved?.body ?? (
-          <p className="font-inter text-[14px] leading-[20px] text-[color:var(--color-content-default-secondary,#a3a3a3)]">
+          <p className="text-small-paragraph text-[color:var(--color-content-default-secondary,#a3a3a3)]">
             {t("fallback.bodyLabel")}
           </p>
         )}
@@ -318,7 +318,7 @@ function ReadOnlyValueField({
   return (
     <div className="flex flex-col gap-2">
       <InputLabel label={label} helpIcon size="s" palette="default" />
-      <span className="font-inter text-[16px] font-medium leading-[20px] text-[color:var(--color-content-default-primary)]">
+      <span className="text-medium-label text-[color:var(--color-content-default-primary)]">
         {value}
       </span>
     </div>