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>