From f54dde36892fa780e9d9e3c021157815c8978c38 Mon Sep 17 00:00:00 2001
From: mARTin-B78 <mail@martin-bierschenk.de>
Date: Sun, 10 May 2026 14:06:15 +0200
Subject: [PATCH] feat(design): add v2 design tokens

Add --ink-*, --accent, --line, --bg, --paper, --tasks-bg, calendar-source
event palette, and all-day chip palette as CSS custom properties. Tokens
alias existing --weekly-* vars where a match exists so no existing styles
are affected. Also adds docs/design/ to .gitignore.

v1.105.0
---
 .gitignore          |  5 ++++-
 package.json        |  2 +-
 src/app/globals.css | 40 ++++++++++++++++++++++++++++++++++++++++
 3 files changed, 45 insertions(+), 2 deletions(-)

diff --git a/.gitignore b/.gitignore
index 907f892..034fc5f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -40,4 +40,7 @@ prisma/dev.db-journal
 # Next.js
 .next/
 
-certificates
\ No newline at end of file
+certificates
+
+# Design reference files (not tracked)
+docs/design/
\ No newline at end of file
diff --git a/package.json b/package.json
index d4b1ddc..290f5d0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "my-weekly-todo-list",
-  "version": "1.104.1",
+  "version": "1.105.0",
   "description": "A web-based weekly task management application that organizes to-dos and calendar events in a single, intuitive weekly view",
   "main": "index.js",
   "scripts": {
diff --git a/src/app/globals.css b/src/app/globals.css
index 0eac477..9de29f3 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -474,6 +474,46 @@ h3 {
   --weekly-settings-toggle-active-text: #111827;
   --weekly-header-brightness: 1;
   --weekly-goal-brightness: 1;
+
+  /* ── v2 design token aliases ── */
+  /* Map to existing weekly vars where a match exists */
+  --bg:          var(--weekly-bg);
+  --paper:       var(--weekly-bg);
+  --ink:         var(--weekly-text);
+  --ink-2:       #2a2a28;
+  --ink-3:       var(--weekly-text-light);
+  --ink-4:       #a8a8a2;
+  --ink-5:       #c8c8c2;
+  --accent:      var(--weekly-teal);
+  --accent-soft: rgba(0, 154, 154, 0.08);
+  --line:        var(--weekly-border);
+  --line-soft:   #f3f3f0;
+  --weekend:     #dc2626;
+  --tasks-bg:    #f4f2ee;
+
+  /* Calendar-source event palette */
+  --ev-default-bg:     #eef2f7;
+  --ev-default-border: #6c87a8;
+  --ev-default-title:  #2b3f57;
+  --ev-default-meta:   #6c87a8;
+  --ev-fam-bg:         #fbeef0;
+  --ev-fam-border:     #b85a6a;
+  --ev-fam-title:      #5a2530;
+  --ev-fam-meta:       #99536a;
+  --ev-fin-bg:         #f6f0e2;
+  --ev-fin-border:     #a88a3c;
+  --ev-fin-title:      #4a3a14;
+  --ev-fin-meta:       #8a6f2a;
+  --ev-dev-bg:         #ecf3ed;
+  --ev-dev-border:     #5a7a4a;
+  --ev-dev-title:      #2c4527;
+  --ev-dev-meta:       #5a7a4a;
+
+  /* All-day chip palette */
+  --chip-default-bg:    #b8b8b0;
+  --chip-fam-bg:        #e88a8a;
+  --chip-special-bg:    #f4d588;
+  --chip-special-text:  #6b4f10;
 }
 
 /* Weekly Main Container */