/* Dark Mode Styles for Forex Tools */

/* Dark mode variables and base styles */
.dark {
    color-scheme: dark;
}

/* Let Tailwind handle most dark mode styling */

/* Dark mode dropdown menu styles */
.dark .dropdown-menu {
    background-color: #1f2937;
    border-color: #374151;
}

.dark .dropdown-menu a {
    color: #e5e7eb;
}

.dark .dropdown-menu a:hover {
    background-color: #4338ca;
    color: #ffffff;
}

/* Dark mode mobile menu - Let Tailwind handle via classes */

/* Dark mode form input styles */
.dark input[type="search"] {
    background-color: #374151;
    color: #f9fafb;
    border-color: #4b5563;
}

.dark input[type="search"]:focus {
    outline-color: #6366f1;
    border-color: #6366f1;
}

/* Dark mode button hover effects */
.dark .hover\:text-indigo-500:hover {
    color: #8b5cf6;
}

/* Additional dark mode enhancements */
.dark .shadow-lg {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5);
}

/* Dark mode hero section overlay */
.dark .bg-black.opacity-20 {
    background-color: rgba(0, 0, 0, 0.4);
}

/* Dark mode transition effects */
* {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}

/* Dark mode logo styles */
.dark .logo-light {
    display: none;
}

.dark .logo-dark {
    display: block;
}

/* Light mode logo styles (default) */
.logo-dark {
    display: none;
}

.logo-light {
    display: block;
}