polishing

src/components/Card.css

@@ -48,5 +48,5 @@ span.tag {
   margin-top: var(--spacing-08);
   font-size: var(--desktop-caption);
   line-height: var(--lh-desktop-caption);
-  font-family: var(--system-ui);
+  font-family: var(--body-copy);
 }

src/components/CategoryNav.jsx

@@ -5,7 +5,7 @@ import CategoryNavItem from "./CategoryNavItem";
 
 export default function CategoryNav({ filter, setFilter }) {
   const navItems = [
-    {title: "🤗 All Tools", category: "all"}, 
+    {title: "All Tools", category: "all"}, 
     ...data.tools
   ];
 

src/components/CategoryNavItem.css

@@ -6,7 +6,7 @@
   background: none;
   cursor: pointer;
   border-bottom: 2px solid transparent;
-  font-family: var(--system-ui);
+  font-family: var(--body-copy);
   font-weight: 400;
   color: var(--text-secondary-alt);
 }