/* Theme Override - Change Blue to Gray */

/* Flowbite Button Overrides */
.btn-blue, 
[class*="bg-blue"],
button[class*="bg-blue"],
a[class*="bg-blue"] {
    background-color: #1f2937 !important;
}

button[class*="bg-blue"]:hover,
a[class*="bg-blue"]:hover {
    background-color: #111827 !important;
}

/* Flowbite Text Color Overrides */
[class*="text-blue"] {
    color: #9ca3af !important;
}

/* Flowbite Border Overrides */
[class*="border-blue"] {
    border-color: #4b5563 !important;
}

/* Flowbite Ring Overrides */
[class*="ring-blue"] {
    --tw-ring-color: #4b5563 !important;
}

/* Flowbite Focus Overrides */
[class*="focus:ring-blue"] {
    --tw-ring-color: #4b5563 !important;
}

/* Flowbite Divide Overrides */
[class*="divide-blue"] {
    border-color: #4b5563 !important;
}

/* Flowbite From/To Overrides (Gradients) */
[class*="from-blue"] {
    --tw-gradient-from: #1f2937 !important;
}

[class*="to-blue"] {
    --tw-gradient-to: #1f2937 !important;
}

/* Flowbite Via Overrides (Gradients) */
[class*="via-blue"] {
    --tw-gradient-stops: var(--tw-gradient-from), #1f2937, var(--tw-gradient-to) !important;
}

/* Flowbite Placeholder Overrides */
[class*="placeholder-blue"]::placeholder {
    color: #6b7280 !important;
}

/* Flowbite Shadow Overrides */
[class*="shadow-blue"] {
    --tw-shadow-color: rgba(31, 41, 55, 0.5) !important;
}

/* Flowbite Accent Color Overrides */
[class*="accent-blue"] {
    accent-color: #1f2937 !important;
}

/* Keep Purple as Primary Accent */
.btn-purple,
[class*="bg-purple"],
button[class*="bg-purple"],
a[class*="bg-purple"] {
    background-color: #a855f7 !important;
}

button[class*="bg-purple"]:hover,
a[class*="bg-purple"]:hover {
    background-color: #9333ea !important;
}

/* Flowbite Dropdown Overrides */
.dropdown-menu,
[role="menu"] {
    background-color: #1f2937 !important;
}

/* Flowbite Modal Overrides */
.modal-content,
[role="dialog"] {
    background-color: #111827 !important;
}

/* Flowbite Navbar Overrides */
nav[class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Card Overrides */
[class*="card"][class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Badge Overrides */
[class*="badge"][class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Alert Overrides */
[class*="alert"][class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Tooltip Overrides */
[role="tooltip"][class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Pagination Overrides */
[class*="pagination"] [class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Tabs Overrides */
[role="tablist"] [class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Progress Bar Overrides */
[role="progressbar"][class*="bg-blue"] {
    background-color: #1f2937 !important;
}

/* Flowbite Spinner Overrides */
[class*="spinner"][class*="text-blue"] {
    color: #9ca3af !important;
}

/* Flowbite Input Overrides */
input[class*="border-blue"],
textarea[class*="border-blue"],
select[class*="border-blue"] {
    border-color: #4b5563 !important;
}

input[class*="focus:border-blue"]:focus,
textarea[class*="focus:border-blue"]:focus,
select[class*="focus:border-blue"]:focus {
    border-color: #4b5563 !important;
}

/* Flowbite Checkbox/Radio Overrides */
input[type="checkbox"][class*="accent-blue"],
input[type="radio"][class*="accent-blue"] {
    accent-color: #1f2937 !important;
}

/* Flowbite Toggle Overrides */
input[type="checkbox"][role="switch"][class*="bg-blue"] {
    background-color: #1f2937 !important;
}