From 8f4558a81c13a23db21e46ff4504a487c7e2f3e0 Mon Sep 17 00:00:00 2001
From: Nan Kyung Lee <nankyunglee@Nans-Mac-mini.local>
Date: Fri, 20 Mar 2026 08:45:23 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EC=84=A0=EB=B0=95=20=ED=8C=9D=EC=97=85?=
 =?UTF-8?q?=20=ED=85=8D=EC=8A=A4=ED=8A=B8=20=EC=83=89=EC=83=81=20=EA=B3=A0?=
 =?UTF-8?q?=EC=A0=95=20=E2=80=94=20=EB=9D=BC=EC=9D=B4=ED=8A=B8=20=EB=AA=A8?=
 =?UTF-8?q?=EB=93=9C=EC=97=90=EC=84=9C=20=EC=A0=95=EB=B3=B4=20=EC=95=88=20?=
 =?UTF-8?q?=EB=B3=B4=EC=9D=B4=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20=ED=95=B4?=
 =?UTF-8?q?=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.css                         | 10 +++++-----
 frontend/src/components/layers/ShipLayer.tsx |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index f11d598..231350f 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -1252,8 +1252,8 @@
 }
 
 .ship-tag-secondary {
-  background: var(--kcg-border, rgba(100, 116, 139, 0.3));
-  color: var(--kcg-text-secondary, #94a3b8);
+  background: rgba(100, 116, 139, 0.3);
+  color: #94a3b8;
 }
 
 .ship-tag-dim {
@@ -1297,7 +1297,7 @@
 }
 
 .ship-popup-label {
-  color: var(--kcg-muted, #64748b);
+  color: #888;
   font-size: 10px;
   flex-shrink: 0;
   margin-right: 4px;
@@ -1305,7 +1305,7 @@
 
 .ship-popup-value {
   font-size: 10px;
-  color: var(--kcg-text, #e2e8f0);
+  color: #e2e8f0;
   text-align: right;
   white-space: nowrap;
   overflow: hidden;
@@ -1324,7 +1324,7 @@
 
 .ship-popup-timestamp {
   font-size: 9px;
-  color: var(--kcg-dim, #64748b);
+  color: #64748b;
 }
 
 .ship-popup-link {
diff --git a/frontend/src/components/layers/ShipLayer.tsx b/frontend/src/components/layers/ShipLayer.tsx
index c6e7e4c..4d27400 100644
--- a/frontend/src/components/layers/ShipLayer.tsx
+++ b/frontend/src/components/layers/ShipLayer.tsx
@@ -699,7 +699,7 @@ const ShipPopup = memo(function ShipPopup({ ship, onClose, fleet }: { ship: Ship
         {/* Header — draggable handle */}
         <div
           className="ship-popup-header"
-          style={{ background: isMil ? 'var(--kcg-card)' : '#1565c0', cursor: 'grab' }}
+          style={{ background: isMil ? '#1a1a2e' : '#1565c0', cursor: 'grab' }}
         >
           {flagEmoji && <span className="text-base leading-none">{flagEmoji}</span>}
           <strong className="ship-popup-name">{ship.name}</strong>