/* Standardized Error and Success Colors and Styles */

/* Error toast/alert background color */
.error-toast {
    background-color: #dc2626; /* Red-600 */
    border-color: #dc2626;
}

/* Success toast/alert background color - standardized across site */
.success-toast {
    background-color: #059669; /* Emerald-600 - same as the working success toast */
    border-color: #059669;
}

/* Error text color */
.error-text {
    color: #dc2626; /* Red-600 */
}

/* Error border color */
.error-border {
    border-color: #dc2626; /* Red-600 */
}

/* Error focus ring */
.error-focus:focus {
    --tw-ring-color: #dc2626; /* Red-600 */
}

/* Error background for form fields */
.error-bg {
    background-color: #dc2626; /* Red-600 */
}

/* Error hover states */
.error-hover:hover {
    background-color: #b91c1c; /* Red-700 */
}

/* Error button styles */
.btn-error {
    background-color: #dc2626; /* Red-600 */
    border-color: #dc2626;
}

.btn-error:hover {
    background-color: #b91c1c; /* Red-700 */
    border-color: #b91c1c;
}

/* Error message container */
.error-message {
    color: #dc2626; /* Red-600 */
    font-size: 0.875rem;
    margin-top: 0.25rem;
}

/* Error icon color */
.error-icon {
    color: #dc2626; /* Red-600 */
}

/* Form field error state */
.form-field-error {
    border-color: #dc2626; /* Red-600 */
}

.form-field-error:focus {
    --tw-ring-color: #dc2626; /* Red-600 */
    border-color: #dc2626;
}

/* Standardized Button Colors */
.btn-success {
    background-color: #059669; /* Emerald-600 */
    border-color: #059669;
}

.btn-success:hover {
    background-color: #047857; /* Emerald-700 */
    border-color: #047857;
}

.btn-error {
    background-color: #dc2626; /* Red-600 */
    border-color: #dc2626;
}

.btn-error:hover {
    background-color: #b91c1c; /* Red-700 */
    border-color: #b91c1c;
}

/* Standardized Badge Colors */
.badge-success {
    background-color: #059669; /* Emerald-600 */
    color: white;
}

.badge-error {
    background-color: #dc2626; /* Red-600 */
    color: white;
}

/* Standardized Status Colors */
.status-active {
    background-color: #059669; /* Emerald-600 */
    color: white;
}

.status-inactive {
    background-color: #dc2626; /* Red-600 */
    color: white;
}

/* Standardized Icon Colors */
.icon-success {
    background-color: #059669; /* Emerald-600 */
    color: white;
}

.icon-error {
    background-color: #dc2626; /* Red-600 */
    color: white;
}