diff --git a/app/globals.css b/app/globals.css index 4c4c80b..4ac3b75 100644 --- a/app/globals.css +++ b/app/globals.css @@ -7,6 +7,11 @@ --font-mono: var(--font-geist-mono); } +:root { + --font-geist-sans: Inter, Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; + --font-geist-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace; +} + /* ═══ DARK THEME ═══ */ :root, [data-theme="dark"] { --background: #06080d; diff --git a/app/layout.tsx b/app/layout.tsx index 019533a..7d9d3cc 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,20 +1,7 @@ import type { Metadata } from "next"; -import { Outfit, JetBrains_Mono } from "next/font/google"; import "./globals.css"; import { ClientProviders } from "@/components/ClientProviders"; -const outfit = Outfit({ - variable: "--font-geist-sans", - subsets: ["latin"], - weight: ["300", "400", "500", "600", "700", "800"], -}); - -const jetbrains = JetBrains_Mono({ - variable: "--font-geist-mono", - subsets: ["latin"], - weight: ["400", "500", "600"], -}); - export const metadata: Metadata = { title: "API Analytics — Neural Pulse", description: "Real-time API usage analytics dashboard", @@ -26,7 +13,7 @@ export default function RootLayout({ children: React.ReactNode; }>) { return ( - +