/* ======================
   다크 모드 (기본)
   ====================== */

:root {
    /* 배경 */
    --bg-primary: #0F0F0F;
    --bg-secondary: #1A1A1A;
    --bg-tertiary: #0A0A0A;
    
    /* 텍스트 */
    --text-primary: #FFFFFF;
    --text-secondary: #B0B0B0;
    --text-tertiary: #666666;
    
    /* 강조색 */
    --accent-green: #00FF00;
    --accent-teal: #00DDAA;
    --accent-blue: #00BFFF;
    
    /* 경계선 */
    --border: #2A2A2A;
    --border-dark: #333333;
}

/* ======================
   라이트 모드
   ====================== */

.light-mode {
    background-color: #FAFAFA;
    color: #1A1A1A;
}

/* Background colors */
.light-mode .bg-\[\#0F0F0F\] {
    background-color: #FFFFFF !important;
}

.light-mode .bg-\[\#1A1A1A\] {
    background-color: #F8F8F8 !important;
}

.light-mode .bg-\[\#0A0A0A\] {
    background-color: #F0F0F0 !important;
}

/* Text colors */
.light-mode .text-white {
    color: #1A1A1A !important;
}

.light-mode .text-\[\#B0B0B0\] {
    color: #6B7280 !important;
}

.light-mode .text-\[\#666666\] {
    color: #9CA3AF !important;
}

/* Border colors */
.light-mode .border-\[\#2A2A2A\] {
    border-color: #E5E7EB !important;
}

/* Message styles */
.light-mode .message-user {
    background: #F3F4F6;
    border: 1px solid #E5E7EB;
}

.light-mode .message-ai {
    background: #ECFDF5;
    border: 1px solid #10B981;
}

/* Gradient accent */
.light-mode .gradient-accent {
    background: linear-gradient(135deg, #10B981 0%, #06B6D4 100%);
}

/* Send button */
.light-mode #sendBtn {
    background: #10B981 !important;
    color: white !important;
}

.light-mode #sendBtn:hover {
    background: #059669 !important;
}

/* Green color replacements */
.light-mode .bg-\[\#00FF00\] {
    background: #10B981 !important;
}

.light-mode .text-\[\#00FF00\] {
    color: #10B981 !important;
}

.light-mode .border-\[\#00FF00\] {
    border-color: #10B981 !important;
}

.light-mode .hover\:text-\[\#00FF00\]:hover {
    color: #10B981 !important;
}

.light-mode .hover\:border-\[\#00FF00\]:hover {
    border-color: #10B981 !important;
}

.light-mode .focus\:border-\[\#00FF00\]:focus {
    border-color: #10B981 !important;
}

/* Header in light mode */
.light-mode header {
    background-color: #FFFFFF !important;
    border-bottom-color: #E5E7EB !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}

/* Sidebar in light mode */
.light-mode #sidebar {
    background-color: #FFFFFF !important;
    border-right-color: #E5E7EB !important;
}

/* Navigation tabs in light mode */
.light-mode .nav-tab {
    background-color: transparent !important;
}

.light-mode .nav-tab:hover {
    background-color: #F3F4F6 !important;
    border-color: #10B981 !important;
}

.light-mode .nav-tab.active {
    background: linear-gradient(135deg, rgba(16, 185, 129, 0.2), rgba(6, 182, 212, 0.2)) !important;
    border-color: #10B981 !important;
    box-shadow: 0 0 15px rgba(16, 185, 129, 0.3) !important;
}

.light-mode .nav-tab .nav-number {
    color: #6B7280 !important;
}

.light-mode .nav-tab:hover .nav-number {
    color: #10B981 !important;
}

.light-mode .nav-tab.active .nav-number {
    color: #10B981 !important;
}

/* Input areas in light mode */
.light-mode textarea,
.light-mode input,
.light-mode select {
    background-color: #FFFFFF !important;
    border-color: #E5E7EB !important;
    color: #1A1A1A !important;
}

.light-mode textarea::placeholder,
.light-mode input::placeholder {
    color: #9CA3AF !important;
}

/* Buttons in light mode */
.light-mode button:not(#sendBtn):not(.premium-upgrade-btn) {
    color: #6B7280 !important;
}

.light-mode button:not(#sendBtn):not(.premium-upgrade-btn):hover {
    color: #1A1A1A !important;
}

/* Premium banner in light mode */
.light-mode .premium-ad-banner {
    background: linear-gradient(135deg, 
        rgba(16, 185, 129, 0.1) 0%, 
        rgba(6, 182, 212, 0.1) 50%, 
        rgba(59, 130, 246, 0.1) 100%
    ) !important;
}

/* Sponsor card in light mode */
.light-mode .sponsor-card {
    background: linear-gradient(135deg, #FAFAFA 0%, #F3F4F6 100%) !important;
    border-color: #F59E0B !important;
}

/* Scrollbar in light mode */
.light-mode ::-webkit-scrollbar-track {
    background: #F3F4F6;
}

.light-mode ::-webkit-scrollbar-thumb {
    background: #D1D5DB;
}

.light-mode ::-webkit-scrollbar-thumb:hover {
    background: #9CA3AF;
}

/* Smooth theme transitions */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

header, aside, main, .tab-content {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}