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/modals/Login/LoginForm.tsx

@@ -244,7 +244,7 @@ export default function LoginForm({
               id={emailErrorId}
               role="alert"
               aria-live="polite"
-              className="font-inter text-[14px] text-[var(--color-border-default-utility-negative)]"
+              className="text-[14px] text-[var(--color-border-default-utility-negative)]"
             >
               {emailError}
             </p>
@@ -259,7 +259,7 @@ export default function LoginForm({
           >
             {t("sendMagicLink")}
           </Button>
-          <p className="text-center font-inter text-[14px] leading-[20px] text-[var(--color-content-default-tertiary)]">
+          <p className="text-center text-small-paragraph text-[var(--color-content-default-tertiary)]">
             {t("legalPrefix")}
             <Link
               href={tFooter("legal.termsOfServiceHref")}