fix: Use original favicons from dealplustech.co.th

- Added favicon.ico and favicon.svg from original website
- Added typography guidance comment
- No font size changes, guidance only

src/styles/globals.css

@@ -49,6 +49,14 @@
   .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 {
@@ -60,33 +68,3 @@
     @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 */
-  }
-}