/* ============================================
   تم روشن
   ============================================ */

/* متغیرهای CSS برای تم روشن */
body.light-theme {
    --bg-primary: #f5f5f0;
    --bg-secondary: #fafaf5;
    --bg-tertiary: #f0f0eb;
    --bg-card: #ffffff;
    --bg-input: #ffffff;
    --text-primary: #1f2937;
    --text-secondary: #4b5563;
    --text-muted: #6b7280;
    --border-color: #d1d5db;
    --hover-bg: #f3f4f6;
}

/* استایل‌های تم روشن برای Tailwind */
body.light-theme .bg-gray-800 { 
    background-color: var(--bg-card) !important; 
    border: 1px solid var(--border-color) !important; 
}
body.light-theme .bg-gray-700 { 
    background-color: var(--bg-input) !important; 
    border: 1px solid var(--border-color) !important; 
}
body.light-theme .bg-gray-900 { 
    background-color: var(--bg-tertiary) !important; 
}
body.light-theme .bg-gray-900\/50 { 
    background-color: rgba(255, 255, 255, 0.8) !important; 
}
body.light-theme .text-white { 
    color: var(--text-primary) !important; 
}
body.light-theme .text-gray-300 { 
    color: var(--text-secondary) !important; 
}
body.light-theme .text-gray-400 { 
    color: var(--text-muted) !important; 
}
body.light-theme .border-gray-600 { 
    border-color: var(--border-color) !important; 
}
body.light-theme .border-gray-700 { 
    border-color: var(--border-color) !important; 
}
body.light-theme input.bg-gray-700 { 
    background-color: var(--bg-input) !important; 
    color: var(--text-primary) !important; 
    border: 1px solid var(--border-color) !important; 
}
body.light-theme input.bg-gray-700:focus { 
    border-color: #3b82f6 !important; 
}
body.light-theme select.bg-gray-700 { 
    background-color: var(--bg-input) !important; 
    color: var(--text-primary) !important; 
    border: 1px solid var(--border-color) !important; 
}
body.light-theme textarea.bg-gray-700 { 
    background-color: var(--bg-input) !important; 
    color: var(--text-primary) !important; 
    border: 1px solid var(--border-color) !important; 
}
body.light-theme .hover\:bg-gray-600:hover { 
    background-color: var(--hover-bg) !important; 
}
body.light-theme .hover\:bg-gray-700:hover { 
    background-color: var(--hover-bg) !important; 
}

/* استایل Modal در تم روشن */
body.light-theme .modal-backdrop { 
    background-color: rgba(0, 0, 0, 0.4); 
}

/* استایل لودر در تم روشن */
body.light-theme #app-loader {
    background-color: rgba(249, 250, 251, 0.9);
}

/* استایل دکمه‌های تم در تم روشن */
body.light-theme .theme-btn {
    background-color: var(--bg-card) !important;
    border-color: var(--border-color) !important;
    border-width: 2px !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
body.light-theme .theme-btn:hover {
    background-color: var(--hover-bg) !important;
    border-color: #3b82f6 !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15) !important;
}
body.light-theme .theme-btn .text-white {
    color: var(--text-primary) !important;
    font-weight: 600 !important;
}
body.light-theme .theme-btn .text-gray-400 {
    color: var(--text-muted) !important;
}

/* استایل دکمه‌های انتخاب شده در تم روشن */
body.light-theme .theme-btn.border-blue-500 {
    background-color: #3b82f6 !important;
    border-color: #2563eb !important;
    box-shadow: 0 4px 8px rgba(59, 130, 246, 0.3) !important;
}
body.light-theme .theme-btn.border-blue-500 .text-white {
    color: #ffffff !important;
}
body.light-theme .theme-btn.border-blue-500 .text-gray-400 {
    color: rgba(255, 255, 255, 0.9) !important;
}

/* بهبود استایل دکمه‌های عمومی در تم روشن */
body.light-theme button.bg-blue-700,
body.light-theme button.bg-blue-600 {
    background-color: #3b82f6 !important;
    color: #ffffff !important;
}
body.light-theme button.bg-gray-700,
body.light-theme button.bg-gray-600 {
    background-color: #e5e7eb !important;
    color: var(--text-primary) !important;
    border: 1px solid var(--border-color) !important;
}
body.light-theme button.bg-gray-700:hover,
body.light-theme button.bg-gray-600:hover {
    background-color: #d1d5db !important;
}

/* استایل باکس‌های درآمد در تم روشن */
body.light-theme .bg-gray-700\/50 {
    background-color: rgba(255, 255, 255, 0.9) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1) !important;
}
body.light-theme #dynamic-revenue-report-container .bg-gray-700\/50 {
    background-color: rgba(255, 255, 255, 0.95) !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1) !important;
}
body.light-theme #dynamic-revenue-report-container .text-green-400 {
    color: #059669 !important;
}
body.light-theme #dynamic-revenue-report-container .text-blue-400 {
    color: #2563eb !important;
}
body.light-theme #dynamic-revenue-report-container .text-yellow-400 {
    color: #d97706 !important;
}
body.light-theme #dynamic-revenue-report-container .text-purple-400 {
    color: #7c3aed !important;
}
body.light-theme #dynamic-revenue-report-container .text-pink-400 {
    color: #db2777 !important;
}
body.light-theme #dynamic-revenue-report-container .text-red-400 {
    color: #dc2626 !important;
}
body.light-theme #dynamic-revenue-report-container .text-cyan-400 {
    color: #0891b2 !important;
}
body.light-theme #dynamic-revenue-report-container .text-orange-400 {
    color: #ea580c !important;
}
body.light-theme #dynamic-revenue-report-container .border-gray-600 {
    border-color: var(--border-color) !important;
}
body.light-theme #dynamic-revenue-report-container .border-t {
    border-top-color: var(--border-color) !important;
}
body.light-theme #dynamic-revenue-report-container .text-gray-300 {
    color: var(--text-secondary) !important;
}
body.light-theme #dynamic-revenue-report-container span {
    color: var(--text-primary) !important;
}

/* رنگ عنوان ماه در تم روشن */
body.light-theme .month-title-color {
    color: #2563eb; /* آبی تیره برای تم روشن */
}

/* استایل دکمه تم تاریک در تم روشن */
body.light-theme #theme-btn-dark {
    background-color: #1f2937 !important;
}
body.light-theme #theme-btn-dark .bg-gray-800 {
    background-color: #1f2937 !important;
    border-color: #374151 !important;
}
body.light-theme #theme-btn-dark:hover {
    background-color: #374151 !important;
}
body.light-theme #theme-btn-dark.border-blue-500 {
    background-color: #3b82f6 !important;
}
body.light-theme #theme-btn-dark.border-blue-500 .bg-gray-800 {
    background-color: #2563eb !important;
    border-color: #1d4ed8 !important;
}