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/(app)/login/page.tsx

@@ -14,7 +14,7 @@ function LoginLoadingFallback() {
   const t = useTranslation("pages.login");
   return (
     <div className={`${loginPageBgClass} flex items-center justify-center`}>
-      <p className="font-inter text-[14px] text-[var(--color-content-default-primary)]">
+      <p className="text-[14px] text-[var(--color-content-default-primary)]">
         {t("loadingFallback")}
       </p>
     </div>
@@ -42,7 +42,7 @@ function LoginWithSearchParams() {
         belowCard={
           <Link
             href="/"
-            className="font-inter font-normal text-[14px] leading-[20px] text-[var(--color-content-invert-tertiary,#2d2d2d)] text-center hover:opacity-90"
+            className="text-small-paragraph text-[var(--color-content-invert-tertiary,#2d2d2d)] text-center hover:opacity-90"
           >
             {t("backToHome")}
           </Link>