diff --git a/web/src/index.css b/web/src/index.css
index a3c95e0..b8aeee1 100644
--- a/web/src/index.css
+++ b/web/src/index.css
@@ -4,9 +4,9 @@
 
 @layer base {
   :root {
-    --brand-primary: #6366f1; /* Indigo 500 */
-    --brand-primary-light: #a5b4fc;
-    --brand-primary-dark: #4338ca;
+    --brand-primary: #f59e0b; /* Amber 500 */
+    --brand-primary-light: #fcd34d;
+    --brand-primary-dark: #b45309;
     --obsidian: #0f172a;
     --obsidian-light: #1e293b;
     --slate-950: #020617;
@@ -29,7 +29,7 @@
     @apply bg-slate-50 text-slate-900 font-sans antialiased;
     touch-action: pan-y;
     background-image: 
-      radial-gradient(at 0% 0%, rgba(99, 102, 241, 0.03) 0px, transparent 50%),
+      radial-gradient(at 0% 0%, rgba(245, 158, 11, 0.03) 0px, transparent 50%),
       radial-gradient(at 100% 0%, rgba(15, 23, 42, 0.03) 0px, transparent 50%);
     font-feature-settings: 'cv02', 'cv03', 'cv04', 'cv11';
     min-height: 100vh;
diff --git a/web/tailwind.config.cjs b/web/tailwind.config.cjs
index 1c38f62..323cba0 100644
--- a/web/tailwind.config.cjs
+++ b/web/tailwind.config.cjs
@@ -8,7 +8,7 @@ module.exports = {
       colors: {
         amber: colors.amber,
         slate: colors.slate,
-        indigo: colors.indigo,
+        indigo: colors.amber, // Overriding default indigo classes to render as amber (orange)
         violet: colors.violet,
         emerald: colors.emerald,
       },