From da88157952caa66f83415b00978a4c2a07440360 Mon Sep 17 00:00:00 2001
From: Meysam Parvizi <meysam.parvizi.ir@gmail.com>
Date: Sat, 10 Oct 2026 04:38:48 +0200
Subject: [PATCH] fix(site): soften cluster header hover and selected highlight

---
 site/map.css | 21 ++++++++-------------
 1 file changed, 8 insertions(+), 13 deletions(-)

diff --git a/site/map.css b/site/map.css
index ffc1ed3..af0e58d 100644
--- a/site/map.css
+++ b/site/map.css
@@ -277,17 +277,12 @@
 
 .header-bg {
   fill: transparent;
-  stroke: transparent;
-  stroke-width: 2;
   transition: fill 0.15s;
 }
 
-.box.header.target:hover .header-bg {
-  fill: color-mix(in srgb, var(--accent) 16%, transparent);
-}
-
-.box.header.lit .header-bg {
-  fill: color-mix(in srgb, var(--accent) 9%, transparent);
+.box.header.target:hover .header-bg,
+.box.header.selected .header-bg {
+  fill: color-mix(in srgb, var(--accent) 14%, transparent);
 }
 
 .group-tag.target:hover .tag-bg {
@@ -300,17 +295,17 @@
   stroke-width: 3;
 }
 
-.box.header.selected .header-bg {
-  stroke: var(--text);
-}
-
 .box.target:focus-visible .box-bg,
-.box.header.target:focus-visible .header-bg,
 .group-tag.target:focus-visible .tag-bg {
   stroke: var(--accent);
   stroke-width: 3.5;
 }
 
+.box.header.target:focus-visible .header-bg {
+  stroke: var(--accent);
+  stroke-width: 2;
+}
+
 .layer-boxes .box {
   transition: opacity 0.2s;
 }