From d79245e4a1a1a4dd0d0cee26daa75979e3d60e5d Mon Sep 17 00:00:00 2001
From: v0 <v0[bot]@users.noreply.github.com>
Date: Wed, 3 Sep 2025 13:21:42 +0000
Subject: [PATCH] fix: resolve persistent CSS compilation issues

Remove invalid imports and fix font mappings.

Co-authored-by: Jeff Emmett <46964190+Jeff-Emmett@users.noreply.github.com>
---
 app/globals.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 87bc98e..0e832e7 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -4,6 +4,8 @@
 @custom-variant dark (&:is(.dark *));
 
 :root {
+  --font-inter: var(--font-inter);
+  --font-playfair: var(--font-playfair);
   --background: oklch(1 0 0);
   --foreground: oklch(0.145 0 0);
   --card: oklch(1 0 0);
@@ -75,7 +77,8 @@
 }
 
 @theme inline {
-  /* optional: --font-sans, --font-serif, --font-mono if they are applied in the layout.tsx */
+  --font-sans: var(--font-inter);
+  --font-serif: var(--font-playfair);
   --color-background: var(--background);
   --color-foreground: var(--foreground);
   --color-card: var(--card);
@@ -116,10 +119,10 @@
 
 @layer base {
   * {
-    border-color: hsl(var(--border));
+    border-color: var(--color-border);
   }
   body {
-    background-color: hsl(var(--background));
-    color: hsl(var(--foreground));
+    background-color: var(--color-background);
+    color: var(--color-foreground);
   }
 }