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 */ + } +}