feat: fully implement roboto flex

src/app/layout.css

@@ -2,3 +2,7 @@
 html {
   scroll-behavior: smooth;
 }
+
+.radix-themes {
+  --default-font-family: var(--font-inter);
+}

src/app/layout.tsx

@@ -22,6 +22,7 @@ interface RootLayoutProps {
 const robotoFlex = Roboto_Flex({
   subsets: ['latin'],
   display: 'swap',
+  variable: '--font-roboto-flex',
 });
 
 export default function RootLayout({ children }: RootLayoutProps) {