Update theme fonts

2026-04-25 10:10:23 +00:00 · 2026-04-25 10:10:23 +00:00 · 2026-04-25 10:10:17 +00:00 · 2026-04-25 10:10:17 +00:00 · 2026-04-25 10:10:12 +00:00 · 2026-04-25 10:10:11 +00:00
2 changed files with 21 additions and 21 deletions
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -6,20 +6,22 @@ import "@/lib/gsap-setup";
 import { ServiceWrapper } from "@/components/ServiceWrapper";
 import Tag from "@/tag/Tag";
 import { getVisualEditScript } from "@/utils/visual-edit-script";
+import { Manrope } from "next/font/google";
+import { DM_Sans } from "next/font/google";
+import { Inter_Tight } from "next/font/google";

-const halant = Halant({
-  variable: "--font-halant",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700"],
-});

-const inter = Inter({
-  variable: "--font-inter",
-  subsets: ["latin"],
-});

 export const metadata: Metadata = { title: 'VogueGrid | Curated Fashion & Apparel Store', description: 'Discover the latest trends at VogueGrid. Shop our exclusive collection of premium clothing, from everyday essentials to statement pieces. Elevate your style today.', openGraph: { title: 'VogueGrid | Curated Fashion & Apparel Store', description: 'Discover the latest trends at VogueGrid. Shop our exclusive collection of premium clothing, from everyday essentials to statement pieces. Elevate your style today.', type: 'website' } };

+
+
+const interTight = Inter_Tight({
+  variable: "--font-inter-tight",
+  subsets: ["latin"],
+  weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
+});
+
 export default function RootLayout({
  children,
 }: Readonly<{
@@ -28,9 +30,7 @@ export default function RootLayout({
  return (
    <html lang="en" suppressHydrationWarning>
      <ServiceWrapper>
-        <body
-          className={`${halant.variable} ${inter.variable} antialiased`}
-        >
+        <body className={`${interTight.variable} antialiased`}>
          <Tag />
          {children}
          <script
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
  --accent: #ffffff;
  --background-accent: #ffffff; */

-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #f6f0e9;
+  --card: #efe7dd;
+  --foreground: #2b180a;
+  --primary-cta: #2b180a;
+  --primary-cta-text: #f6f0e9;
+  --secondary-cta: #efe7dd;
+  --secondary-cta-text: #2b180a;
+  --accent: #94877c;
+  --background-accent: #afa094;

  /* text sizing - set by ThemeProvider */
  /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
Author	SHA1	Message	Date
bender	5b1650526f	Update theme fonts	2026-04-25 10:10:23 +00:00
bender	248a0a9675	Update theme fonts	2026-04-25 10:10:23 +00:00
bender	f4ed48fc80	Update theme fonts	2026-04-25 10:10:17 +00:00
bender	36f548171b	Update theme fonts	2026-04-25 10:10:17 +00:00
bender	5c0fad812f	Update theme fonts	2026-04-25 10:10:12 +00:00
bender	caf0d1ed98	Update theme fonts	2026-04-25 10:10:11 +00:00
bender	747f78aa73	Update theme colors	2026-04-25 10:09:54 +00:00
bender	9ba1711548	Update theme colors	2026-04-25 10:09:23 +00:00
bender	484a8baaf8	Update theme colors	2026-04-25 10:09:18 +00:00
bender	c89657b667	Update theme colors	2026-04-25 10:09:14 +00:00
bender	b876df62ba	Update theme colors	2026-04-25 10:08:29 +00:00
bender	cb1d026903	Update theme colors	2026-04-25 10:08:21 +00:00
bender	97519e8372	Update theme colors	2026-04-25 10:08:11 +00:00
bender	79a93a72b5	Update theme colors	2026-04-25 10:08:06 +00:00
bender	85c387ca6b	Update theme colors	2026-04-25 10:07:37 +00:00
bender	3be763d2d5	Update theme colors	2026-04-25 10:07:31 +00:00