diff --git a/app/globals.css b/app/globals.css
index a2dc41e..4caa1c0 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,26 +1,37 @@
 @import "tailwindcss";
 
 :root {
-  --background: #ffffff;
-  --foreground: #171717;
+    --background: #0d0d12;
+    --foreground: #f5f5f8;
+    --surface: #16161f;
+    --surface-elevated: #1f1f2a;
+    --border: #2d2d3d;
+    --muted-foreground: #a6a6b4;
+    --accent: #a875ff;
+    --accent-strong: #955fff;
+    --accent-foreground: #12081f;
 }
 
 @theme inline {
-  --color-background: var(--background);
-  --color-foreground: var(--foreground);
-  --font-sans: var(--font-geist-sans);
-  --font-mono: var(--font-geist-mono);
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --background: #0a0a0a;
-    --foreground: #ededed;
-  }
+    --color-background: var(--background);
+    --color-foreground: var(--foreground);
+    --font-sans: var(--font-geist-sans);
+    --font-mono: var(--font-geist-mono);
 }
 
 body {
-  background: var(--background);
-  color: var(--foreground);
-  font-family: Arial, Helvetica, sans-serif;
+    background: var(--background);
+    color: var(--foreground);
+    font-family: Arial, Helvetica, sans-serif;
+    background-image:
+        radial-gradient(
+            1200px circle at 20% -10%,
+            rgb(168 117 255 / 0.2),
+            transparent 40%
+        ),
+        radial-gradient(
+            1000px circle at 120% 10%,
+            rgb(149 95 255 / 0.15),
+            transparent 38%
+        );
 }