From a1f583b0378fd3ab65a290342a08268f555527e7 Mon Sep 17 00:00:00 2001
From: nicky <nickyalejb@gmail.com>
Date: Wed, 10 Jun 2026 17:00:11 -0400
Subject: [PATCH 1/3] style: configured global design tokens

---
 app/globals.css | 37 +++++++++++++++++++++++--------------
 app/page.tsx    |  2 +-
 2 files changed, 24 insertions(+), 15 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index a2dc41e..eb3a2bb 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,26 +1,35 @@
 @import "tailwindcss";
 
+/* Stores the color values we need */
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+  --color-text-primary: #EAEAEA;
+  --color-text-secondary: #ABABAB;
+  --color-gold: #FFD700;
+  --color-page-background: #080808;
+  --color-card-background: #0F0018;
+  --color-card-border: #3A2152;
+  --color-accent: #842BC4;
+  --color-accent-light: #C47BFF;
+
 }
 
+/* Will generate utility classes w Tailwind*/
 @theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
+  --color-text-primary: var(--color-text-primary);
+  --color-text-secondary: var(--color-text-secondary);
+  --color-gold: var(--color-gold);
+  --color-page-background: var(--color-page-background);
+  --color-card-background: var(--color-card-background);
+  --color-card-border: var(--color-card-border);
+  --color-accent: var(--color-accent);
+  --color-accent-light: var(--color-accent-light);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
-}
-
+/* Applies the defaults globally */
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+  background: var(--color-page-background);
+  color: var(--color-text-primary);
+  font-family: var(--font-sans);
 }
diff --git a/app/page.tsx b/app/page.tsx
index 439d40d..e87b6ce 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -1,6 +1,6 @@
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
+    <main className="flex min-h-screen flex-col items-center justify-between p-24 text-text-primary">
       Graphics Programming Knights
     </main>
   );

From a16fa5d1644fba6feb5afea2119350351a29dc59 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Wed, 10 Jun 2026 22:19:25 +0000
Subject: [PATCH 2/3] fix: remove circular theme color variables in globals.css

---
 app/globals.css | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index eb3a2bb..b9136e6 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -15,14 +15,14 @@
 
 /* Will generate utility classes w Tailwind*/
 @theme inline {
-  --color-text-primary: var(--color-text-primary);
-  --color-text-secondary: var(--color-text-secondary);
-  --color-gold: var(--color-gold);
-  --color-page-background: var(--color-page-background);
-  --color-card-background: var(--color-card-background);
-  --color-card-border: var(--color-card-border);
-  --color-accent: var(--color-accent);
-  --color-accent-light: var(--color-accent-light);
+  --color-text-primary: #EAEAEA;
+  --color-text-secondary: #ABABAB;
+  --color-gold: #FFD700;
+  --color-page-background: #080808;
+  --color-card-background: #0F0018;
+  --color-card-border: #3A2152;
+  --color-accent: #842BC4;
+  --color-accent-light: #C47BFF;
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }

From 29f1b8b0df6a572de4d591f050fc32115b12ee78 Mon Sep 17 00:00:00 2001
From: nicky <nickyalejb@gmail.com>
Date: Wed, 10 Jun 2026 18:27:52 -0400
Subject: [PATCH 3/3] style: fixed circular theme var refs

---
 app/globals.css | 32 ++++++++++++++++----------------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index b9136e6..c8e5470 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -2,27 +2,27 @@
 
 /* Stores the color values we need */
 :root {
-  --color-text-primary: #EAEAEA;
-  --color-text-secondary: #ABABAB;
-  --color-gold: #FFD700;
-  --color-page-background: #080808;
-  --color-card-background: #0F0018;
-  --color-card-border: #3A2152;
-  --color-accent: #842BC4;
-  --color-accent-light: #C47BFF;
+  --text-primary: #EAEAEA;
+  --text-secondary: #ABABAB;
+  --gold: #FFD700;
+  --page-background: #080808;
+  --card-background: #0F0018;
+  --card-border: #3A2152;
+  --accent: #842BC4;
+  --accent-light: #C47BFF;
 
 }
 
 /* Will generate utility classes w Tailwind*/
 @theme inline {
-  --color-text-primary: #EAEAEA;
-  --color-text-secondary: #ABABAB;
-  --color-gold: #FFD700;
-  --color-page-background: #080808;
-  --color-card-background: #0F0018;
-  --color-card-border: #3A2152;
-  --color-accent: #842BC4;
-  --color-accent-light: #C47BFF;
+  --color-text-primary: var(--text-primary);
+  --color-text-secondary: var(--text-secondary);
+  --color-gold: var(--gold);
+  --color-page-background: var(--page-background);
+  --color-card-background: var(--card-background);
+  --color-card-border: var(--card-border);
+  --color-accent: var(--accent);
+  --color-accent-light: var(--accent-light);
   --font-sans: var(--font-geist-sans);
   --font-mono: var(--font-geist-mono);
 }