From 4cd3299f38c4718f90a7645fc33af9e92e1464c5 Mon Sep 17 00:00:00 2001
From: ulsklyc <ulas@kalayci.cloud>
Date: Thu, 26 Mar 2026 13:50:31 +0100
Subject: [PATCH] a11y: --text-2xs Token entfernt, 12px Minimum (Redesign Phase
 G)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- --text-2xs (11px) aus tokens.css gelöscht
- Alle 8 Referenzen → --text-xs (12px) migriert:
  Nav-Labels, Badges, Event-Time, Meal-Slots, Avatare
- 12px Mindestgröße für alle sichtbaren Texte (Mobile-PWA-Lesbarkeit)

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 public/styles/dashboard.css | 6 +++---
 public/styles/layout.css    | 2 +-
 public/styles/tasks.css     | 6 +++---
 public/styles/tokens.css    | 3 +--
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/public/styles/dashboard.css b/public/styles/dashboard.css
index 162402e..9073e1a 100644
--- a/public/styles/dashboard.css
+++ b/public/styles/dashboard.css
@@ -191,7 +191,7 @@
   justify-content: center;
   background-color: var(--color-accent);
   color: #ffffff;
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   font-weight: var(--font-weight-bold);
   min-width: 16px;
   height: 16px;
@@ -363,7 +363,7 @@
 }
 
 .event-time-badge {
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   font-weight: var(--font-weight-semibold);
   padding: 1px 5px;
   border-radius: var(--radius-full);
@@ -428,7 +428,7 @@
 }
 
 .meal-slot__type {
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   font-weight: var(--font-weight-semibold);
   color: var(--color-text-disabled);
   text-transform: uppercase;
diff --git a/public/styles/layout.css b/public/styles/layout.css
index 99c209c..c6a7f53 100644
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -173,7 +173,7 @@
 }
 
 .nav-item__label {
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   font-weight: var(--font-weight-medium);
   line-height: 1;
 }
diff --git a/public/styles/tasks.css b/public/styles/tasks.css
index be742bb..9629864 100644
--- a/public/styles/tasks.css
+++ b/public/styles/tasks.css
@@ -127,7 +127,7 @@
   border-radius: var(--radius-full);
   background-color: var(--color-accent);
   color: #fff;
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   line-height: 1;
 }
 
@@ -372,7 +372,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   font-weight: var(--font-weight-bold);
   color: #fff;
   flex-shrink: 0;
@@ -497,7 +497,7 @@
   border-radius: var(--radius-full);
   background-color: var(--color-danger);
   color: #fff;
-  font-size: var(--text-2xs);
+  font-size: var(--text-xs);
   font-weight: var(--font-weight-bold);
   margin-left: auto;
 }
diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index 40e1b0e..aecca4a 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -159,8 +159,7 @@
   --font-mono: 'SF Mono', 'Fira Code', 'Fira Mono', 'Roboto Mono', monospace;
 
   /* Size-Skala */
-  --text-2xs:  0.6875rem;  /* 11px — Micro-Labels (Nav, Avatare) */
-  --text-xs:   0.75rem;    /* 12px — Captions, Badges */
+  --text-xs:   0.75rem;    /* 12px — Minimum, Captions, Badges, Nav-Labels */
   --text-sm:   0.8125rem;  /* 13px — Small/Secondary */
   --text-base: 0.875rem;   /* 14px — Body (Desktop), kompakter */
   --text-md:   1rem;       /* 16px — Body (Mobile), Inputs */