Increase font sizes across entire site for better readability

- Increase all typography scale by 2px for improved accessibility
- xs: 10px → 12px, sm: 12px → 14px, md: 14px → 16px
- lg: 16px → 18px, xl: 18px → 20px, xxl: 24px → 28px
- Set base body font-size to medium (16px) for default text
- All form inputs, buttons, tables, and content now more readable
- Maintains responsive design but with larger, more accessible text

src/scss/_variables.scss

@@ -38,12 +38,12 @@ $shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.15);
 
 // Typography
 $font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-$font-size-xs: 10px;
-$font-size-sm: 12px;
-$font-size-md: 14px;
-$font-size-lg: 16px;
-$font-size-xl: 18px;
-$font-size-xxl: 24px;
+$font-size-xs: 12px;
+$font-size-sm: 14px;
+$font-size-md: 16px;
+$font-size-lg: 18px;
+$font-size-xl: 20px;
+$font-size-xxl: 28px;
 
 // Z-Index
 $z-index-modal: 1000;

src/scss/main.scss

@@ -67,6 +67,7 @@ $status-info: #3b82f6;
 
 body {
   font-family: $font-family;
+  font-size: $font-size-md;
   background-color: var(--background-color);
   color: var(--text-color);
   line-height: 1.6;