/**
 * Custom Theme Overrides
 * This file loads after styles.css to fix/override theme colors
 */

/* ============================================
   Background Colors
   ============================================ */

/* Success - Green */
.bg-success {
    background-color: #22c55e !important;
}
.bg-success\/10 {
    background-color: rgba(34, 197, 94, 0.1) !important;
}
.bg-success\/20 {
    background-color: rgba(34, 197, 94, 0.2) !important;
}

/* Warning - Yellow/Amber */
.bg-warning {
    background-color: #eab308 !important;
}
.bg-warning\/10 {
    background-color: rgba(234, 179, 8, 0.1) !important;
}
.bg-warning\/20 {
    background-color: rgba(234, 179, 8, 0.2) !important;
}

/* Destructive/Danger - Red */
.bg-destructive {
    background-color: #ef4444 !important;
}
.bg-destructive\/5 {
    background-color: rgba(239, 68, 68, 0.05) !important;
}
.bg-destructive\/10 {
    background-color: rgba(239, 68, 68, 0.1) !important;
}
.bg-destructive\/20 {
    background-color: rgba(239, 68, 68, 0.2) !important;
}

/* Info - Blue */
.bg-info {
    background-color: #3b82f6 !important;
}
.bg-info\/10 {
    background-color: rgba(59, 130, 246, 0.1) !important;
}
.bg-info\/20 {
    background-color: rgba(59, 130, 246, 0.2) !important;
}

/* Primary - Brand Blue */
.bg-primary {
    background-color: #6366f1 !important;
}
.bg-primary\/10 {
    background-color: rgba(99, 102, 241, 0.1) !important;
}
.bg-primary\/20 {
    background-color: rgba(99, 102, 241, 0.2) !important;
}

/* ============================================
   Text Colors
   ============================================ */

/* Success */
.text-success {
    color: #22c55e !important;
}

/* Warning */
.text-warning {
    color: #eab308 !important;
}

/* Destructive/Danger */
.text-destructive {
    color: #ef4444 !important;
}

/* Info */
.text-info {
    color: #3b82f6 !important;
}

/* Primary */
.text-primary {
    color: #6366f1 !important;
}

/* ============================================
   Border Colors
   ============================================ */

.border-success {
    border-color: #22c55e !important;
}

.border-warning {
    border-color: #eab308 !important;
}

.border-destructive {
    border-color: #ef4444 !important;
}

.border-info {
    border-color: #3b82f6 !important;
}

.border-primary {
    border-color: #6366f1 !important;
}

/* ============================================
   Ring Colors (for focus states)
   ============================================ */

.ring-success {
    --tw-ring-color: #22c55e !important;
}

.ring-warning {
    --tw-ring-color: #eab308 !important;
}

.ring-destructive {
    --tw-ring-color: #ef4444 !important;
}