/* Custom Dark Mode Styles for BazaarVerse */
/* Only the theme-dark specific styles needed for dark mode functionality */

.theme-dark .dark\:divide-gray-700>:not(template)~:not(template) {
    --divide-opacity: 1;
    border-color: #24262D;
    border-color: rgba(36, 38, 45, var(--divide-opacity))
} 

.theme-dark .dark\:bg-gray-50 {
    --bg-opacity: 1;
    background-color: #24262D;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-100 {
    --bg-opacity: 1;
    background-color: #24262D;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-600 {
    --bg-opacity: 1;
    background-color: #24262D;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-700 {
    --bg-opacity: 1;
    background-color: #24262D;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-800 {
    --bg-opacity: 1;
    background-color: #1A1C23;
    background-color: rgba(26, 28, 35, var(--bg-opacity))
}

.theme-dark .dark\:bg-gray-900 {
    --bg-opacity: 1;
    background-color: #121317;
    background-color: rgba(18, 19, 23, var(--bg-opacity))
}

.theme-dark .dark\:bg-red-600 {
    --bg-opacity: 1;
    background-color: #dc2626;
    background-color: rgba(220, 38, 38, var(--bg-opacity))
}

.theme-dark .dark\:bg-red-700 {
    --bg-opacity: 1;
    background-color: #b91c1c;
    background-color: rgba(185, 28, 28, var(--bg-opacity))
}

.theme-dark .dark\:bg-orange-500 {
    --bg-opacity: 1;
    background-color: #f97316;
    background-color: rgba(249, 115, 22, var(--bg-opacity))
}

.theme-dark .dark\:bg-orange-600 {
    --bg-opacity: 1;
    background-color: #ea580c;
    background-color: rgba(234, 88, 12, var(--bg-opacity))
}

.theme-dark .dark\:bg-green-500 {
    --bg-opacity: 1;
    background-color: #10b981;
    background-color: rgba(16, 185, 129, var(--bg-opacity))
}

.theme-dark .dark\:bg-green-700 {
    --bg-opacity: 1;
    background-color: #047857;
    background-color: rgba(4, 120, 87, var(--bg-opacity))
}

.theme-dark .dark\:bg-teal-500 {
    --bg-opacity: 1;
    background-color: #14b8a6;
    background-color: rgba(20, 184, 166, var(--bg-opacity))
}

.theme-dark .dark\:bg-blue-500 {
    --bg-opacity: 1;
    background-color: #3b82f6;
    background-color: rgba(59, 130, 246, var(--bg-opacity))
}

.theme-dark .dark\:bg-purple-600 {
    --bg-opacity: 1;
    background-color: #7e3af2;
    background-color: rgba(126, 58, 242, var(--bg-opacity))
}

.theme-dark .dark\:bg-purple-700 {
    --bg-opacity: 1;
    background-color: #6c2bd9;
    background-color: rgba(108, 43, 217, var(--bg-opacity))
}

.theme-dark .dark\:bg-purple-900 {
    --bg-opacity: 1;
    background-color: #581c87;
    background-color: rgba(88, 28, 135, var(--bg-opacity))
}

.theme-dark .dark\:hover\:bg-gray-600:hover {
    --bg-opacity: 1;
    background-color: #24262D;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:hover\:bg-gray-700:hover {
    --bg-opacity: 1;
    background-color: #24262D;
    background-color: rgba(36, 38, 45, var(--bg-opacity))
}

.theme-dark .dark\:hover\:bg-gray-800:hover {
    --bg-opacity: 1;
    background-color: #1f2937;
    background-color: rgba(31, 41, 55, var(--bg-opacity))
}

.theme-dark .dark\:hover\:bg-purple-900:hover {
    --bg-opacity: 1;
    background-color: #581c87;
    background-color: rgba(88, 28, 135, var(--bg-opacity))
}

.theme-dark .dark\:border-gray-600 {
    --border-opacity: 1;
    border-color: #24262D;
    border-color: rgba(36, 38, 45, var(--border-opacity))
}

.theme-dark .dark\:border-gray-700 {
    --border-opacity: 1;
    border-color: #24262D;
    border-color: rgba(36, 38, 45, var(--border-opacity))
}

.theme-dark .dark\:border-gray-800 {
    --border-opacity: 1;
    border-color: #1f2937;
    border-color: rgba(31, 41, 55, var(--border-opacity))
}

.theme-dark .dark\:block {
    display: block
}

.theme-dark .dark\:hidden {
    display: none
}

.theme-dark .dark\:text-white {
    --text-opacity: 1;
    color: #ffffff;
    color: rgba(255, 255, 255, var(--text-opacity))
}

.theme-dark .dark\:text-gray-100 {
    --text-opacity: 1;
    color: #f3f4f6;
    color: rgba(243, 244, 246, var(--text-opacity))
}

.theme-dark .dark\:text-gray-200 {
    --text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229, 231, 235, var(--text-opacity))
}

.theme-dark .dark\:text-gray-300 {
    --text-opacity: 1;
    color: #d1d5db;
    color: rgba(209, 213, 219, var(--text-opacity))
}

.theme-dark .dark\:text-gray-400 {
    --text-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--text-opacity))
}

.theme-dark .dark\:text-gray-500 {
    --text-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--text-opacity))
}

.theme-dark .dark\:text-red-100 {
    --text-opacity: 1;
    color: #fee2e2;
    color: rgba(254, 226, 226, var(--text-opacity))
}

.theme-dark .dark\:text-red-400 {
    --text-opacity: 1;
    color: #f87171;
    color: rgba(248, 113, 113, var(--text-opacity))
}

.theme-dark .dark\:text-red-600 {
    --text-opacity: 1;
    color: #dc2626;
    color: rgba(220, 38, 38, var(--text-opacity))
}

.theme-dark .dark\:text-orange-100 {
    --text-opacity: 1;
    color: #fed7aa;
    color: rgba(254, 215, 170, var(--text-opacity))
}

.theme-dark .dark\:text-green-100 {
    --text-opacity: 1;
    color: #dcfce7;
    color: rgba(220, 252, 231, var(--text-opacity))
}

.theme-dark .dark\:text-green-400 {
    --text-opacity: 1;
    color: #4ade80;
    color: rgba(74, 222, 128, var(--text-opacity))
}

.theme-dark .dark\:text-green-600 {
    --text-opacity: 1;
    color: #16a34a;
    color: rgba(22, 163, 74, var(--text-opacity))
}

.theme-dark .dark\:text-teal-100 {
    --text-opacity: 1;
    color: #ccfbf1;
    color: rgba(204, 251, 241, var(--text-opacity))
}

.theme-dark .dark\:text-blue-100 {
    --text-opacity: 1;
    color: #dbeafe;
    color: rgba(219, 234, 254, var(--text-opacity))
}

.theme-dark .dark\:text-purple-300 {
    --text-opacity: 1;
    color: #c4b5fd;
    color: rgba(196, 181, 253, var(--text-opacity))
}

.theme-dark .dark\:text-purple-400 {
    --text-opacity: 1;
    color: #a78bfa;
    color: rgba(167, 139, 250, var(--text-opacity))
}

.theme-dark .dark\:focus-within\:text-purple-400:focus-within {
    --text-opacity: 1;
    color: #a78bfa;
    color: rgba(167, 139, 250, var(--text-opacity))
}

.theme-dark .dark\:hover\:text-gray-200:hover {
    --text-opacity: 1;
    color: #e5e7eb;
    color: rgba(229, 231, 235, var(--text-opacity))
}

.theme-dark .dark\:hover\:text-gray-800:hover {
    --text-opacity: 1;
    color: #1f2937;
    color: rgba(31, 41, 55, var(--text-opacity))
}

.theme-dark .dark\:placeholder-gray-400::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #9e9e9e;
    color: rgba(156, 163, 175, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-400:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-400::placeholder {
    --placeholder-opacity: 1;
    color: #9ca3af;
    color: rgba(156, 163, 175, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-500::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-500:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--placeholder-opacity))
}

.theme-dark .dark\:placeholder-gray-500::placeholder {
    --placeholder-opacity: 1;
    color: #6b7280;
    color: rgba(107, 114, 128, var(--placeholder-opacity))
}

.theme-dark .dark\:focus\:placeholder-gray-600:focus::-moz-placeholder {
    --placeholder-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--placeholder-opacity))
}

.theme-dark .dark\:focus\:placeholder-gray-600:focus:-ms-input-placeholder {
    --placeholder-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--placeholder-opacity))
}

.theme-dark .dark\:focus\:placeholder-gray-600:focus::placeholder {
    --placeholder-opacity: 1;
    color: #4b5563;
    color: rgba(75, 85, 99, var(--placeholder-opacity))
}

.theme-dark .dark\:focus\:shadow-outline-gray:focus {
    box-shadow: 0 0 0 3px rgba(209, 213, 219, 0.45)
}

.theme-dark .dark\:focus\:shadow-outline-purple:focus {
    box-shadow: 0 0 0 3px rgba(167, 139, 250, 0.45)
}

.theme-dark .dark\:ring-gray-300:focus {
    --ring-color: #d1d5db;
}

.theme-dark .dark\:ring-purple-300:focus {
    --ring-color: #c4b5fd;
}