feat: 라이트 모드 전체 색상 오버라이드 적용

- text-white, text-gray-* 라이트 모드에서 어두운 색상으로
- bg-white/*, border-white/* 라이트 모드에서 어두운 반투명으로
- bg-black/* 라이트 모드에서 밝은 색상으로
- hover 상태도 모두 오버라이드

모든 페이지에서 라이트 모드 텍스트 가독성 개선

frontend/src/index.css

@@ -52,6 +52,55 @@
   --card-border: rgba(0, 0, 0, 0.1);
 }
 
+/* 라이트 모드 Tailwind 색상 오버라이드 */
+.light .text-white {
+  color: #18181b !important;
+}
+
+.light .text-gray-200 {
+  color: #3f3f46 !important;
+}
+
+.light .text-gray-300 {
+  color: #52525b !important;
+}
+
+.light .text-gray-400 {
+  color: #71717a !important;
+}
+
+.light .text-gray-500 {
+  color: #a1a1aa !important;
+}
+
+.light .bg-white\/5,
+.light .bg-white\/10 {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.light .hover\:bg-white\/5:hover,
+.light .hover\:bg-white\/10:hover {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
+.light .hover\:text-white:hover {
+  color: #18181b !important;
+}
+
+.light .border-white\/5,
+.light .border-white\/10 {
+  border-color: rgba(0, 0, 0, 0.1) !important;
+}
+
+.light .bg-black\/20,
+.light .bg-black\/30 {
+  background-color: rgba(0, 0, 0, 0.05) !important;
+}
+
+.light .hover\:bg-black\/30:hover {
+  background-color: rgba(0, 0, 0, 0.08) !important;
+}
+
 /* 기본 html, body 스타일 */
 html {
   scrollbar-gutter: stable; /* 스크롤바 공간 예약 (세로 스크롤바) */