diff --git a/app/globals.css b/app/globals.css index 70bd82a..a2dc41e 100644 --- a/app/globals.css +++ b/app/globals.css @@ -1,11 +1,26 @@ -@charset "UTF-8"; @import "tailwindcss"; + :root { - --body: #fff; - --font-primary: var(--font-inter); - --font-heading: var(--font-space-grotesk); + --background: #ffffff; + --foreground: #171717; +} + +@theme inline { + --color-background: var(--background); + --color-foreground: var(--foreground); + --font-sans: var(--font-geist-sans); + --font-mono: var(--font-geist-mono); +} + +@media (prefers-color-scheme: dark) { + :root { + --background: #0a0a0a; + --foreground: #ededed; + } } body { - font-family: var(--font-primary); + background: var(--background); + color: var(--foreground); + font-family: Arial, Helvetica, sans-serif; } diff --git a/app/layout.tsx b/app/layout.tsx index 39f5a51..4b74f00 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,19 +1,17 @@ import type { Metadata } from "next"; -import Script from "next/script"; import { Geist, Geist_Mono } from "next/font/google"; import "./globals.css"; import Header from "./components/Header"; import Footer from "./components/Footer"; -import { Inter, Space_Grotesk } from "next/font/google"; -const ASSET_URL = process.env.NEXT_PUBLIC_API_URL || ""; -const inter = Inter({ + +const geistSans = Geist({ + variable: "--font-geist-sans", subsets: ["latin"], - variable: "--font-inter", }); -const spaceGrotesk = Space_Grotesk({ +const geistMono = Geist_Mono({ + variable: "--font-geist-mono", subsets: ["latin"], - variable: "--font-space-grotesk", }); export const metadata: Metadata = { @@ -27,119 +25,15 @@ export default function RootLayout({ }: Readonly<{ children: React.ReactNode; }>) { - // return ( - - {children} + + +
+
{children}
+