Industrial Dark UI Overhaul: Updated colors, typography, navigation, and component styling across the application

src/app/globals.css

@@ -4,16 +4,24 @@
 
 @layer base {
   :root {
-    --background: #0F1014;
-    --surface: #1A1B20;
-    --primary: #C89D46;
-    --text-secondary: #8F9096;
-    --border: rgba(255, 255, 255, 0.1);
+    --background: #09090b;
+    /* zinc-950 */
+    --surface: #18181b;
+    /* zinc-900 */
+    --primary: #ea580c;
+    /* orange-600 */
+    --secondary: #f97316;
+    /* orange-500 */
+    --text-primary: #fafafa;
+    --text-secondary: #a1a1aa;
+    --border: #27272a;
+    /* zinc-800 */
+    --ring: #f97316;
   }
 }
 
 body {
-  @apply bg-[#0F1014] text-white antialiased;
+  @apply bg-[#09090b] text-[#fafafa] antialiased;
   font-feature-settings: "cv02", "cv03", "cv04", "cv11";
 }
 
@@ -22,16 +30,17 @@ h2,
 h3,
 h4,
 .font-display {
-  font-family: var(--font-playfair), serif;
+  font-family: var(--font-inter), system-ui, sans-serif;
+  letter-spacing: -0.02em;
 }
 
 @layer utilities {
   .glass {
-    @apply backdrop-blur-md bg-white/5 border border-white/10;
+    @apply backdrop-blur-md bg-zinc-900/50 border border-zinc-800/50;
   }
 
   .glass-dark {
-    @apply backdrop-blur-md bg-black/40 border border-white/5;
+    @apply backdrop-blur-md bg-zinc-950/80 border border-zinc-900/50;
   }
 
   .scrollbar-hide::-webkit-scrollbar {