diff --git a/frontend/src/index.css b/frontend/src/index.css
index 4e9e632..6ca7b94 100644
--- a/frontend/src/index.css
+++ b/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; /* 스크롤바 공간 예약 (세로 스크롤바) */