use css var for body text style

theme.json

@@ -98,7 +98,7 @@
               "src": ["file:./assets/fonts/inclusive-sans/inclusive-sans-regular.woff2"]
             },
             {
-              "fontFamily": "Inter",
+              "fontFamily": "Inclusive Sans",
               "fontWeight": "400",
               "fontStyle": "italic",
               "fontStretch": "normal",
@@ -106,6 +106,41 @@
             }
           ]
         },
+        {
+          "fontFamily": "'Atkinson Hyperlegible', sans-serif",
+          "name": "Atkinson Hyperlegible",
+          "slug": "atkinson-hyperlegible",
+          "fontFace": [
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontWeight": "400",
+              "fontStyle": "normal",
+              "fontStretch": "normal",
+              "src": ["file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-regular.woff2"]
+            },
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontWeight": "400",
+              "fontStyle": "italic",
+              "fontStretch": "normal",
+              "src": ["file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-italic.woff2"]
+            },
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontWeight": "700",
+              "fontStyle": "normal",
+              "fontStretch": "normal",
+              "src": ["file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-bold.woff2"]
+            },
+            {
+              "fontFamily": "Atkinson Hyperlegible",
+              "fontWeight": "700",
+              "fontStyle": "italic",
+              "fontStretch": "normal",
+              "src": ["file:./assets/fonts/atkinson-hyperlegible/atkinson-hyperlegible-bold-italic.woff2"]
+            }
+          ]
+        },
         {
           "fontFamily": "'Overused Grotesk', sans-serif",
           "name": "Overused Grotesk",
@@ -220,7 +255,7 @@
       "text": "var(--wp--preset--color--contrast)"
     },
     "typography": {
-      "fontFamily": "Inclusive Sans",
+      "fontFamily": "var(--wp--preset--font-family--inclusive-sans)",
       "fontSize": "var(--wp--preset--font-size--medium)",
       "fontWeight": "400",
       "lineHeight": "1.6"
@@ -261,7 +296,8 @@
         },
         "typography": {
           "fontSize": "var(--wp--preset--font-size--small)",
-          "textTransform": "uppercase"
+          "fontFamily": "var(--wp--preset--font-family--atkinson-hyperlegible)",
+          "fontWeight": "700"
         }
       },
       "core/separator": {