테마 오류 수정

frontend/src/components/MarketSearchPanel.tsx

@@ -250,9 +250,9 @@ export const MarketSearchPanel: React.FC<MarketSearchPanelProps> = ({
             maxWidth:   Math.min(520, window.innerWidth - anchorRect.left - 8),
             minHeight:  320,
             zIndex:     PANEL_Z,
-            background: 'var(--bg2, #24283b)',
-            color:      'var(--text, #c0caf5)',
-            border:     '1px solid var(--border, rgba(122,162,247,0.15))',
+            background: 'var(--bg2)',
+            color:      'var(--text)',
+            border:     '1px solid var(--border)',
           }
         : {
             position:   'fixed',
@@ -262,10 +262,9 @@ export const MarketSearchPanel: React.FC<MarketSearchPanelProps> = ({
             height:     anchorRect.height - HEADER_H,
             maxWidth:   anchorRect.width,
             zIndex:     PANEL_Z,
-            // document.body 포털 시 CSS var()가 상속되지 않아 배경이 투명해지는 문제 방지
-            background: 'var(--bg2, #24283b)',
-            color:      'var(--text, #c0caf5)',
-            border:     '1px solid var(--border, rgba(122,162,247,0.15))',
+            background: 'var(--bg2)',
+            color:      'var(--text)',
+            border:     '1px solid var(--border)',
           }
       : undefined; // undefined → CSS 기본값(.msp-panel) 그대로 사용