/* Theme Overrides - Force theme colors to override Tailwind defaults */

/* Primary Color Overrides */
.bg-blue-600, .bg-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

.bg-blue-600:hover, .bg-primary:hover {
    background-color: var(--primary-700) !important;
    color: white !important;
}

.bg-blue-600:focus, .bg-primary:focus {
    background-color: var(--primary-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--primary-200) !important;
}

/* Secondary Color Overrides */
.bg-purple-600, .bg-secondary {
    background-color: var(--secondary-color) !important;
    color: white !important;
}

.bg-purple-600:hover, .bg-secondary:hover {
    background-color: var(--secondary-700) !important;
    color: white !important;
}

.bg-purple-600:focus, .bg-secondary:focus {
    background-color: var(--secondary-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--secondary-200) !important;
}

/* Accent Color Overrides */
.bg-orange-600, .bg-accent {
    background-color: var(--accent-color) !important;
    color: white !important;
}

.bg-orange-600:hover, .bg-accent:hover {
    background-color: var(--accent-700) !important;
    color: white !important;
}

.bg-orange-600:focus, .bg-accent:focus {
    background-color: var(--accent-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--accent-200) !important;
}

/* Neutral Color Overrides */
.bg-gray-600, .bg-neutral {
    background-color: var(--neutral-color) !important;
    color: white !important;
}

.bg-gray-600:hover, .bg-neutral:hover {
    background-color: var(--neutral-700) !important;
    color: white !important;
}

.bg-gray-600:focus, .bg-neutral:focus {
    background-color: var(--neutral-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--neutral-200) !important;
}

/* Green Color Overrides */
.bg-green-600 {
    background-color: var(--accent-color) !important;
    color: white !important;
}

.bg-green-600:hover {
    background-color: var(--accent-700) !important;
    color: white !important;
}

.bg-green-600:focus {
    background-color: var(--accent-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--accent-200) !important;
}

/* Text Color Overrides */
.text-blue-600, .text-primary {
    color: var(--primary-color) !important;
}

.text-purple-600, .text-secondary {
    color: var(--secondary-color) !important;
}

.text-orange-600, .text-accent {
    color: var(--accent-color) !important;
}

.text-gray-600, .text-neutral {
    color: var(--neutral-color) !important;
}

/* Border Color Overrides */
.border-blue-600, .border-primary {
    border-color: var(--primary-color) !important;
}

.border-purple-600, .border-secondary {
    border-color: var(--secondary-color) !important;
}

.border-orange-600, .border-accent {
    border-color: var(--accent-color) !important;
}

.border-gray-600, .border-neutral {
    border-color: var(--neutral-color) !important;
}

/* Status Colors using Theme Colors */
.bg-green-100 {
    background-color: var(--accent-100) !important;
}

.text-green-800 {
    color: var(--accent-800) !important;
}

.bg-yellow-100 {
    background-color: var(--accent-100) !important;
}

.text-yellow-800 {
    color: var(--accent-800) !important;
}

.bg-red-100 {
    background-color: var(--primary-100) !important;
}

.text-red-800 {
    color: var(--primary-800) !important;
}

/* Button Overrides */
button[type="submit"] {
    background-color: var(--primary-color) !important;
    color: white !important;
    border: none !important;
}

button[type="submit"]:hover {
    background-color: var(--primary-700) !important;
    color: white !important;
}

button[type="submit"]:focus {
    background-color: var(--primary-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--primary-200) !important;
}

/* Inquiry Button Override */
.inquiry-button {
    background-color: var(--primary-color) !important;
    color: white !important;
    border: none !important;
}

.inquiry-button:hover {
    background-color: var(--primary-700) !important;
    color: white !important;
}

.inquiry-button:focus {
    background-color: var(--primary-color) !important;
    color: white !important;
    outline: none !important;
    box-shadow: 0 0 0 3px var(--primary-200) !important;
}