/* themes.css */

/* Base Theme Styles */
body {
    transition: background-color 0.3s ease, color 0.3s ease;
}

/* Light Theme (Default) */
body.theme-light {
    background-color: #f8fafc;
    color: #1a202c;
}

/* Dark Theme */
body.theme-dark {
    background-color: #111827 !important;
}

/* Background Colors */
.theme-dark .bg-white {
    background-color: #111827 !important; /* Even darker for main container */
}

.theme-dark .card {
    background-color: #1f2937 !important;
}

.theme-dark .bg-gray-50 {
    background-color: #1f2937 !important; /* Darker background */
}

.theme-dark .card-header {
    background-color: #374151 !important;
}

.theme-dark .bg-gray-200 {
    background-color: #374151 !important;
}

.theme-dark .bg-blue-50 {
    background-color: rgba(59, 130, 246, 0.1) !important;
}

/* Text Colors */
.theme-dark .text-white,
.theme-dark .text-gray-900 {
    color: #ffffff !important;
}

.theme-dark .text-gray-400,
.theme-dark .text-gray-500 {
    color: #9ca3af !important;
}

.theme-dark .text-gray-700 {
    color: #e5e7eb !important;  /* Light gray for labels */
}

.theme-dark .text-blue-500,
.theme-dark .text-blue-600 {
    color: #60a5fa !important;
}

/* Form Controls */
.theme-dark .form-control,
.theme-dark input,
.theme-dark select,
.theme-dark textarea {
    background-color: #374151 !important;
    border-color: #4b5563 !important;
    color: #ffffff !important;  /* Make default text color white */
}

.theme-dark .form-control:focus,
.theme-dark input:focus,
.theme-dark select:focus,
.theme-dark textarea:focus {
    background-color: #374151 !important;
    border-color: #3b82f6 !important;
    color: #f3f4f6 !important;
    ring-color: #3b82f6 !important;
}

.theme-dark input::placeholder,
.theme-dark select::placeholder,
.theme-dark textarea::placeholder {
    color: #9ca3af !important;  /* Lighter gray for placeholders */
}

/* Button Styles */
.theme-dark .btn-primary {
    background-color: #3b82f6;
    border-color: #2563eb;
}

.theme-dark .btn-primary:hover {
    background-color: #2563eb;
    border-color: #1d4ed8;
}

.theme-dark .btn-secondary {
    background-color: #4b5563;
    border-color: #374151;
}

.theme-dark .btn-secondary:hover {
    background-color: #374151;
    border-color: #1f2937;
}

/* Table Styles */
.theme-dark .table {
    color: #f8fafc;
}

.theme-dark .table thead th {
    background-color: #1f2937;
    border-bottom-color: #374151;
}

.theme-dark .table td {
    border-color: #374151;
}

.theme-dark .table-hover tbody tr:hover,
.theme-dark .hover\:bg-gray-50:hover {
    background-color: #374151 !important;
}

.theme-dark .divide-gray-200 > * {
    border-color: #374151 !important;
}

.theme-dark thead.bg-gray-50 {
    background-color: #1f2937 !important;
}

.theme-dark tbody.bg-white {
    background-color: transparent !important;
}

/* Navigation Styles */
.theme-dark .navbar {
    background-color: #1f2937 !important;
}

.theme-dark .navbar-light .navbar-brand,
.theme-dark .navbar-light .navbar-nav .nav-link {
    color: #f8fafc !important;
}

.theme-dark .navbar-light .navbar-nav .nav-link:hover {
    color: #3b82f6 !important;
}

/* Alert Styles */
.theme-dark .alert-info {
    background-color: #1e40af;
    border-color: #1e3a8a;
    color: #f8fafc;
}

/* Gradient Colors */
.theme-dark .from-blue-200,
.theme-dark .theme-dark\:from-blue-800 {
    --tw-gradient-from: #1e40af;
}

/* Link Styles */
.theme-dark a {
    color: #60a5fa;
}

.theme-dark a:hover {
    color: #3b82f6;
}