fix: Set text-xs and text-sm to 1rem minimum (16px)

- .text-xs: 1rem (16px) instead of 0.75rem (12px)
- .text-sm: 1rem (16px) instead of 0.875rem (14px)
- Large screens (1280px+): 1.125rem (18px)
- Extra large (1536px+): 1.25rem (20px)

Ensures minimum readable text size on all screens.

src/styles/globals.css

@@ -49,14 +49,6 @@
   .card-industrial {
     @apply bg-secondary-800 text-white rounded-xl p-6 border-l-4 border-primary-500;
   }
-  
-  .gradient-overlay {
-    @apply absolute inset-0 bg-gradient-to-r from-industrial-dark/90 to-industrial-dark/70;
-  }
-  
-  .industrial-badge {
-    @apply inline-flex items-center px-3 py-1 bg-primary-600 text-white text-sm font-semibold rounded;
-  }
 }
 
 @layer utilities {
@@ -68,3 +60,33 @@
     @apply bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-primary-700;
   }
 }
+
+/* Override Tailwind's smallest text sizes - 1rem = 16px minimum */
+.text-xs {
+  font-size: 1rem !important; /* Was 0.75rem (12px), now 1rem (16px) */
+}
+
+.text-sm {
+  font-size: 1rem !important; /* Was 0.875rem (14px), now 1rem (16px) */
+}
+
+/* Large screens - even better readability */
+@media (min-width: 1280px) {
+  .text-xs {
+    font-size: 1.125rem !important; /* 18px on large screens */
+  }
+  
+  .text-sm {
+    font-size: 1.125rem !important; /* 18px on large screens */
+  }
+}
+
+@media (min-width: 1536px) {
+  .text-xs {
+    font-size: 1.25rem !important; /* 20px on extra large screens */
+  }
+  
+  .text-sm {
+    font-size: 1.25rem !important; /* 20px on extra large screens */
+  }
+}