diff --git a/src/app/globals.css b/src/app/globals.css index e8770a4..1a95bd5 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -4,13 +4,13 @@ /* Base units */ /* --vw is set by ThemeProvider */ - --background: #fffcfa;; - --card: #fffaf7;; - --foreground: #220a00;; - --primary-cta: #e8590c;; - --secondary-cta: #ffffff;; - --accent: #ff8c42;; - --background-accent: #e8590c;; + --background: #f8f5f1; + --card: #f1ebe8; + --foreground: #3d2417; + --primary-cta: #d4704c; + --secondary-cta: #ffffff; + --accent: #e8a88f; + --background-accent: #d9a18f; /* text sizing - set by ThemeProvider */ /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem); @@ -495,7 +495,7 @@ html { body { background-color: var(--background); color: var(--foreground); - font-family: var(--font-work-sans), sans-serif; + font-family: var(--font-cormorant-garamond), sans-serif; position: relative; min-height: 100vh; overscroll-behavior: none; @@ -508,5 +508,5 @@ h3, h4, h5, h6 { - font-family: var(--font-work-sans), sans-serif; + font-family: var(--font-cormorant-garamond), sans-serif; } \ No newline at end of file diff --git a/src/app/layout.tsx b/src/app/layout.tsx index e70ed51..f3448d1 100644 --- a/src/app/layout.tsx +++ b/src/app/layout.tsx @@ -1,12 +1,13 @@ import type { Metadata } from "next"; -import { Work_Sans } from "next/font/google"; +import { Cormorant_Garamond } from "next/font/google"; import "./globals.css"; import { ServiceWrapper } from "@/components/ServiceWrapper"; import Tag from "@/tag/Tag"; -const workSans = Work_Sans({ - variable: "--font-work-sans", +const cormorantGaramond = Cormorant_Garamond({ + variable: "--font-cormorant-garamond", subsets: ["latin"], + weight: ["300", "400", "500", "600", "700"], }); export const metadata: Metadata = { @@ -39,7 +40,7 @@ export default function RootLayout({ {children} diff --git a/src/app/page.tsx b/src/app/page.tsx index f834a6d..c4b6d64 100644 --- a/src/app/page.tsx +++ b/src/app/page.tsx @@ -18,7 +18,7 @@ export default function LandingPage() { borderRadius="pill" contentWidth="large" sizing="largeSizeExtraLargeSpacing" - background="dotGrid" + background="aurora" cardStyle="shadow-colored" primaryButtonStyle="flat" secondaryButtonStyle="glass"