From 3c80cf56a0aac723ba321ff850bfd222c2471380 Mon Sep 17 00:00:00 2001
From: AINDUSTRIES <contact.aindustries@gmail.com>
Date: Sat, 11 Jul 2026 22:52:46 -0400
Subject: [PATCH] Changed global style and font

---
 app/app.css  | 6 ++++--
 app/root.tsx | 4 ++--
 2 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/app.css b/app/app.css
index 99345d8..f1d2c82 100644
--- a/app/app.css
+++ b/app/app.css
@@ -1,13 +1,15 @@
+@import url('https://fonts.googleapis.com/css2?family=Varela+Round&display=swap');
 @import "tailwindcss";
+@import "@heroui/styles";
 
 @theme {
-  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif,
+  --font-sans: "Varela Round", "Inter", ui-sans-serif, system-ui, sans-serif,
     "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 }
 
 html,
 body {
-  @apply bg-white dark:bg-gray-950;
+  /*@apply bg-white dark:bg-gray-950;*/
 
   @media (prefers-color-scheme: dark) {
     color-scheme: dark;
diff --git a/app/root.tsx b/app/root.tsx
index 9fc6636..63f4b0d 100644
--- a/app/root.tsx
+++ b/app/root.tsx
@@ -25,14 +25,14 @@ export const links: Route.LinksFunction = () => [
 
 export function Layout({ children }: { children: React.ReactNode }) {
   return (
-    <html lang="en">
+    <html className="dark" data-theme="dark" lang="en">
       <head>
         <meta charSet="utf-8" />
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <Meta />
         <Links />
       </head>
-      <body>
+      <body className="bg-background text-foreground">
         {children}
         <ScrollRestoration />
         <Scripts />