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