From 66f4cda41bb2ef1603b4b5f9ee84ee78e5093e8e Mon Sep 17 00:00:00 2001
From: Ulas Kalayci <ulas.kalayci@googlemail.com>
Date: Mon, 20 Apr 2026 10:53:56 +0200
Subject: [PATCH] chore: release v0.20.30

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 CHANGELOG.md             | 9 +++++++++
 package-lock.json        | 4 ++--
 package.json             | 2 +-
 public/styles/layout.css | 7 +++++--
 public/styles/tokens.css | 3 ++-
 5 files changed, 19 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 578d895..b88b460 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,6 +7,15 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.20.30] - 2026-04-20
+
+### Changed
+- Desktop body font size increased from 14px to 15px (`--text-base`) for improved readability
+- Interactive cards now show a stronger pressed state on touch (scale 0.98 + surface-3 background) instead of the barely-perceptible scale(0.99)
+
+### Fixed
+- Added clarifying comment to `--color-surface-2` token explaining its recessed/sunken semantics (darker than background in dark mode, not an elevation level)
+
 ## [0.20.29] - 2026-04-20
 
 ### Changed
diff --git a/package-lock.json b/package-lock.json
index 4dfc68b..b80e2d3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
 {
   "name": "oikos",
-  "version": "0.20.29",
+  "version": "0.20.30",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "oikos",
-      "version": "0.20.29",
+      "version": "0.20.30",
       "license": "MIT",
       "dependencies": {
         "bcrypt": "^6.0.0",
diff --git a/package.json b/package.json
index be5bc77..7f629ed 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "oikos",
-  "version": "0.20.29",
+  "version": "0.20.30",
   "description": "Self-hosted family planner - calendar, tasks, shopping, meal planning, budget and more. Private, open-source, no subscription.",
   "main": "server/index.js",
   "type": "module",
diff --git a/public/styles/layout.css b/public/styles/layout.css
index a04a0d1..b5312c5 100755
--- a/public/styles/layout.css
+++ b/public/styles/layout.css
@@ -759,7 +759,8 @@
   cursor: pointer;
   transition:
     transform var(--transition-fast),
-    box-shadow var(--transition-fast);
+    box-shadow var(--transition-fast),
+    background-color var(--transition-fast);
 }
 
 .card--interactive:hover {
@@ -768,7 +769,9 @@
 }
 
 .card--interactive:active {
-  transform: scale(0.99);
+  transform: scale(0.98);
+  background-color: var(--color-surface-3);
+  box-shadow: var(--shadow-sm);
 }
 
 .card--interactive:focus-visible {
diff --git a/public/styles/tokens.css b/public/styles/tokens.css
index 2b1be23..2fc3026 100644
--- a/public/styles/tokens.css
+++ b/public/styles/tokens.css
@@ -65,6 +65,7 @@
   --color-bg:             var(--neutral-100);
   --_color-surface:       #FFFFFF;
   --color-surface:        var(--_color-surface);
+  /* surface-2: recessed/vertieft (dunkler als bg in dark mode — kein Elevations-Token) */
   --color-surface-2:      var(--neutral-50);
   --_color-surface-3:     var(--_neutral-150);
   --color-surface-3:      var(--_color-surface-3);
@@ -243,7 +244,7 @@
   /* Size-Skala */
   --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-base: 0.9375rem;  /* 15px - Body (Desktop) */
   --text-md:   1rem;       /* 16px - Body (Mobile), Inputs */
   --text-lg:   1.125rem;   /* 18px - Section-Title */
   --text-xl:   1.25rem;    /* 20px - Subtitle */