diff --git a/src/app/layout.tsx b/src/app/layout.tsx index 92a62b2..cb83c7a 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,17 +1,17 @@ import type { Metadata } from "next"; -import { Halant } from "next/font/google"; -import { Inter } from "next/font/google"; +import { Cormorant_Garamond } from "next/font/google"; +import { Lora } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const halant = Halant({ - variable: "--font-halant", subsets: ["latin"], +const cormorantGaramond = Cormorant_Garamond({ + variable: "--font-cormorant-garamond", subsets: ["latin"], weight: ["300", "400", "500", "600", "700"], }); -const inter = Inter({ - variable: "--font-inter", subsets: ["latin"], +const lora = Lora({ + variable: "--font-lora", subsets: ["latin"], }); export const metadata: Metadata = { @@ -39,7 +39,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index bf7b6eb..f66d70b 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -43,42 +43,42 @@ export default function LandingPage() {
@@ -188,23 +191,23 @@ export default function LandingPage() { diff --git a/src/app/styles/base.css b/src/app/styles/base.css index 34aea07..e72d486 100644 --- a/src/app/styles/base.css +++ b/src/app/styles/base.css @@ -11,7 +11,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-inter), sans-serif; + font-family: var(--font-lora), serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -24,5 +24,5 @@ h3, h4, h5, h6 { - font-family: var(--font-inter), sans-serif; + font-family: var(--font-cormorant-garamond), serif; } diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css index 5d9ae99..1f88eca 100644 --- a/src/app/styles/variables.css +++ b/src/app/styles/variables.css @@ -2,23 +2,23 @@ /* Base units */ /* --vw is set by ThemeProvider */ - /* --background: #f7f6f7;; - --card: #ffffff;; - --foreground: #0c1325;; - --primary-cta: #0b07ff;; + /* --background: #f5ede5;; + --card: #fefbf7;; + --foreground: #3d2817;; + --primary-cta: #8b4513;; --secondary-cta: #ffffff;; - --accent: #93b7ff;; - --background-accent: #a8bae8;; */ + --accent: #d4a574;; + --background-accent: #c9a878;; */ - --background: #f7f6f7;; - --card: #ffffff;; - --foreground: #0c1325;; - --primary-cta: #0b07ff;; + --background: #f5ede5;; + --card: #fefbf7;; + --foreground: #3d2817;; + --primary-cta: #8b4513;; --primary-cta-text: #f7f6f7;; --secondary-cta: #ffffff;; --secondary-cta-text: #0c1325;; - --accent: #93b7ff;; - --background-accent: #a8bae8;; + --accent: #d4a574;; + --background-accent: #c9a878;; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);