/* Dark Theme Styles */

/* Main background and text colors */
body {
    background-color: #1a202c !important;
    color: #e2e8f0 !important;
}

/* Card and container backgrounds */
.bg-white, .bg-gray-50 {
    background-color: #1a202c !important;
    color: #e2e8f0 !important;
}

/* Borders */
.border-gray-200, .border-gray-300 {
    border-color: #5117cd !important;
}

/* Text colors */
.text-gray-700, .text-gray-800, .text-gray-900 {
    color: #e2e8f0 !important;
}

.text-gray-500, .text-gray-600 {
    color: #a0aec0 !important;
}

/* Form elements */
input, select, textarea {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
    border-color: #4a5568 !important;
}

input::placeholder {
    color: #718096 !important;
}

/* Navigation */
nav.bg-white {
    background-color: #2d3748 !important;
}

/* Buttons with white background */
.bg-white.hover\:bg-gray-50:hover {
    background-color: #4a5568 !important;
}

/* Shadow adjustments for dark mode */
.shadow, .shadow-sm, .shadow-md, .shadow-lg {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.5), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important;
}

/* Tables */
table {
    background-color: #2d3748 !important;
    color: #e2e8f0 !important;
}

table th {
    background-color: #1a202c !important;
}

table tr:nth-child(even) {
    background-color: #374151 !important;
}

/* Leaflet map container */
.leaflet-container {
    background-color: #4a5568 !important;
}

/* Mortgage calculator specific styles */
#mortgage-calculator .bg-gray-50 {
    background-color: #374151 !important;
}

/* Footer */
footer {
    background-color: #1a202c !important;
    color: #e2e8f0 !important;
}