From 234d765749f0cdf465009f15b6f763c237123524 Mon Sep 17 00:00:00 2001
From: Thomas Richter <git@tricnet.de>
Date: Thu, 29 Jan 2026 11:03:07 +0100
Subject: [PATCH] feat(02-01): add accessible base styling

- Set html font-size to 100% (respects browser settings)
- Set body font-size to 1rem (16px minimum)
- Add font smoothing for better readability
- Add safe-bottom class for mobile notch support
- Add touch-target utility for WCAG 44x44px minimum
---
 src/app.css | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)

diff --git a/src/app.css b/src/app.css
index d4b5078..8fa2660 100644
--- a/src/app.css
+++ b/src/app.css
@@ -1 +1,24 @@
 @import 'tailwindcss';
+
+/* Ensure minimum 16px base for accessibility (UX-02) */
+html {
+  font-size: 100%; /* 16px default, respects user browser settings */
+}
+
+body {
+  font-size: 1rem; /* 16px minimum */
+  line-height: 1.5;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+/* Safe area padding for mobile devices with notches */
+.safe-bottom {
+  padding-bottom: env(safe-area-inset-bottom, 0px);
+}
+
+/* Utility for adequate touch targets (44x44px minimum per WCAG) */
+.touch-target {
+  min-height: 44px;
+  min-width: 44px;
+}