Build [v1.14.24]

frontend/app/globals.css

@@ -1,54 +1,73 @@
-@import url('https://fonts.googleapis.com/css2?family=Fira+Code&family=Fira+Sans&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400&family=Space+Grotesk:wght@400&display=swap');
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 :root {
-  /* Dark Mode (OLED) - Improved Contrast Palette */
-  --background: #0A0E27;
-  --foreground: #F0F4F8;
-  --primary: #3B82F6;
-  --primary-foreground: #FFFFFF;
-  --font-code: 'Fira Code', monospace;
-  --font-sans: 'Fira Sans', sans-serif;
+  /* Industrial Brutalism Palette - Obsidian & Amber */
+  --background: #0c1322;
+  --foreground: #dce2f7;
+  
+  --surface: #0c1322;
+  --surface-container: #191f2f;
+  --surface-bright: #323949;
+  
+  --primary: #ffc174;
+  --primary-foreground: #472a00;
+  
+  --secondary: #ffb599;
+  --secondary-foreground: #5a1c00;
+  
+  --success: #10B981;
+  --warning: #f59e0b;
+  --error: #ffb4ab;
+  
+  --outline: #a08e7a;
+  --outline-variant: #534434;
+
+  --font-data: 'Space Grotesk', sans-serif;
+  --font-body: 'Inter', sans-serif;
+}
+
+* {
+  border-radius: 0 !important;
 }
 
 body {
   color: var(--foreground);
   background-color: var(--background);
-  font-family: var(--font-sans);
+  font-family: var(--font-body);
+  font-weight: 400;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+h1, h2, h3, h4, h5, h6, [data-font="space-grotesk"] {
+  font-family: var(--font-data);
   font-weight: 400;
 }
 
-h1, h2, h3, h4, h5, h6 {
-  font-family: var(--font-code);
-  font-weight: 400;
-}
-
-/* Custom Scrollbar Styling */
+/* Custom Scrollbar Styling - Industrial */
 ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar-track {
-  background: #020617; /* slate-950 */
+  background: var(--background);
 }
 
 ::-webkit-scrollbar-thumb {
-  background: #1e293b; /* slate-800 */
-  border-radius: 10px;
-  border: 2px solid #020617; /* adds padding effect */
+  background: var(--outline-variant);
+  border: 1px solid var(--outline);
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: #334155; /* slate-700 */
+  background: var(--outline);
 }
 
-/* Removed: glass-card utility (eliminated glassmorphism aesthetic) */
 @layer utilities {
-
   .text-fluid-lg {
     font-size: clamp(1.125rem, 3cqi, 1.5rem);
   }
@@ -58,15 +77,18 @@ h1, h2, h3, h4, h5, h6 {
   }
 
   .card-title {
-    @apply text-base font-normal text-slate-100 tracking-tight;
+    @apply text-base font-normal text-foreground;
   }
   
   .card-subtitle {
-     @apply text-xs font-normal text-slate-500 tracking-[0.08em] mt-0.5;
+     @apply text-xs font-normal text-secondary mt-0.5;
+  }
+
+  .industrial-border {
+    @apply border border-outline/30;
   }
 }
 
-/* Safe Area Insets for Modern Mobile Devices (iOS Notch/Home Bar) */
 .pb-safe {
   padding-bottom: env(safe-area-inset-bottom);
 }
@@ -75,7 +97,6 @@ h1, h2, h3, h4, h5, h6 {
   padding-top: env(safe-area-inset-top);
 }
 
-/* Accessibility: Respect user's reduced motion preference */
 @media (prefers-reduced-motion: reduce) {
   *,
   *::before,
@@ -84,10 +105,4 @@ h1, h2, h3, h4, h5, h6 {
     animation-iteration-count: 1 !important;
     transition-duration: 0.01ms !important;
   }
-
-  .animate-scan-fast,
-  .animate-spin-slow,
-  .animate-pulse {
-    animation: none !important;
-  }
 }