From de116d27acbcb7d223e340392d424db506827f1f Mon Sep 17 00:00:00 2001
From: Kunthawat Greethong <kunthawat@gmailcom>
Date: Wed, 4 Mar 2026 13:21:20 +0700
Subject: [PATCH] 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 | 38 ++++++++++++++++++++++++++++++--------
 1 file changed, 30 insertions(+), 8 deletions(-)

diff --git a/src/styles/globals.css b/src/styles/globals.css
index d7fb2a270..0524442a1 100644
--- a/src/styles/globals.css
+++ b/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 */
+  }
+}