From 1597a6a7042e7b93908c1e36d088bae316d1d177 Mon Sep 17 00:00:00 2001
From: eewing <eewing@cardoza.construction>
Date: Mon, 23 Feb 2026 15:13:20 -0600
Subject: [PATCH] Refactor layout styles to improve text scaling and input
 readability. Adjusted font size settings for better responsiveness across
 devices and ensured inputs inherit font size for consistency with system text
 size.

---
 src/routes/layout.css | 24 ++++--------------------
 1 file changed, 4 insertions(+), 20 deletions(-)

diff --git a/src/routes/layout.css b/src/routes/layout.css
index c357a726..39ac082d 100644
--- a/src/routes/layout.css
+++ b/src/routes/layout.css
@@ -77,22 +77,17 @@
   * {
     @apply border-border;
   }
+  /* Scale from system/browser text size and zoom */
   html {
-    /* Match device text scaling (prevent iOS from inflating text) */
     -webkit-text-size-adjust: 100%;
     text-size-adjust: 100%;
-    /* Small font on mobile; readable on desktop */
-    font-size: 12px;
+    font-size: 100%;
     width: 100%;
     height: 100%;
     margin: 0;
     padding: 0;
     overflow: hidden;
-  }
-  @media (min-width: 768px) {
-    html {
-      font-size: 14px;
-    }
+    scroll-behavior: smooth;
   }
   body {
     @apply bg-background text-foreground;
@@ -166,15 +161,4 @@
   padding: 0.5rem;
 }
 
-/* Slightly larger inputs on small screens for readability (still small) */
-@media (max-width: 640px) {
-  input[type="text"],
-  input[type="search"],
-  input[type="number"],
-  input[type="email"],
-  input[type="password"],
-  select,
-  textarea {
-    font-size: 14px;
-  }
-}
+/* Inputs inherit font size so they scale with system text size */