/**
 * Professional Theme for ICEGG School Admin
 * Color Palette: Agent-IA branded colors with professional tones
 * 
 * Primary: Agent-IA Blue (vibrant brand color)
 * Success: Forest Green (conservative green)
 * Warning: Amber (muted warning)
 * Danger: Rose (professional red)
 * Info: Steel Blue (muted blue)
 */

:root {
    /* Agent-IA Brand Colors */
    --color-primary: #2F4EDE;      /* primary-600 - agent-ia.mx brand blue */
    --color-primary-hover: #223BB1; /* primary-700 - darker blue for hover */
    --color-primary-light: #98B1FF; /* primary-300 - light blue for accents */
    --color-primary-bg: #F3F6FF;   /* primary-50 - very light blue background */
    
    --color-success: #15803d;      /* green-700 */
    --color-success-hover: #166534; /* green-800 */
    --color-success-light: #bbf7d0; /* green-200 */
    --color-success-bg: #f0fdf4;   /* green-50 */
    
    --color-warning: #b45309;      /* amber-700 */
    --color-warning-hover: #92400e; /* amber-800 */
    --color-warning-light: #fde68a; /* amber-200 */
    --color-warning-bg: #fffbeb;   /* amber-50 */
    
    --color-danger: #be123c;       /* rose-700 */
    --color-danger-hover: #9f1239;  /* rose-800 */
    --color-danger-light: #fecdd3;  /* rose-200 */
    --color-danger-bg: #fff1f2;    /* rose-50 */
    
    --color-info: #0369a1;         /* sky-700 */
    --color-info-hover: #075985;    /* sky-800 */
    --color-info-light: #bae6fd;    /* sky-200 */
    --color-info-bg: #f0f9ff;      /* sky-50 */
    
    /* Neutral Colors */
    --color-text-primary: #1e293b;  /* slate-800 */
    --color-text-secondary: #64748b; /* slate-500 */
    --color-border: #e2e8f0;        /* slate-200 */
    --color-bg: #f8fafc;            /* slate-50 */
}

/* Override Flowbite's bright colors with professional tones */
.bg-blue-50 { background-color: var(--color-info-bg) !important; }
.bg-blue-100 { background-color: var(--color-primary-bg) !important; }
.bg-blue-500 { background-color: var(--color-primary) !important; }
.bg-blue-600 { background-color: var(--color-primary) !important; }
.bg-blue-700 { background-color: var(--color-primary-hover) !important; }

.text-blue-500 { color: var(--color-primary) !important; }
.text-blue-600 { color: var(--color-primary) !important; }
.text-blue-700 { color: var(--color-primary) !important; }
.text-blue-800 { color: var(--color-primary-hover) !important; }

.border-blue-100 { border-color: var(--color-border) !important; }
.border-blue-200 { border-color: var(--color-primary-light) !important; }
.border-blue-300 { border-color: var(--color-primary-light) !important; }

.hover\:bg-blue-50:hover { background-color: var(--color-primary-bg) !important; }
.hover\:bg-blue-100:hover { background-color: var(--color-primary-bg) !important; }
.hover\:text-blue-500:hover { color: var(--color-primary) !important; }
.hover\:text-blue-600:hover { color: var(--color-primary) !important; }
.hover\:text-blue-700:hover { color: var(--color-primary-hover) !important; }

/* Green (Success) - More conservative */
.bg-green-50 { background-color: var(--color-success-bg) !important; }
.bg-green-100 { background-color: #dcfce7 !important; } /* green-100 */
.bg-green-500 { background-color: var(--color-success) !important; }
.bg-green-600 { background-color: var(--color-success) !important; }
.bg-green-700 { background-color: var(--color-success-hover) !important; }

.text-green-500 { color: var(--color-success) !important; }
.text-green-600 { color: var(--color-success) !important; }
.text-green-700 { color: var(--color-success-hover) !important; }
.text-green-800 { color: #14532d !important; } /* green-900 */

/* Amber/Yellow (Warning) - Muted tones */
.bg-amber-50 { background-color: var(--color-warning-bg) !important; }
.bg-amber-100 { background-color: #fef3c7 !important; } /* amber-100 */
.bg-amber-500 { background-color: var(--color-warning) !important; }
.bg-amber-600 { background-color: var(--color-warning) !important; }

.bg-yellow-50 { background-color: var(--color-warning-bg) !important; }
.bg-yellow-100 { background-color: #fef3c7 !important; }

.text-amber-500 { color: var(--color-warning) !important; }
.text-amber-600 { color: var(--color-warning) !important; }
.text-amber-700 { color: var(--color-warning-hover) !important; }
.text-yellow-600 { color: var(--color-warning) !important; }
.text-yellow-700 { color: var(--color-warning-hover) !important; }
.text-yellow-800 { color: var(--color-warning-hover) !important; }

/* Red/Rose (Danger) - Professional red */
.bg-red-50 { background-color: var(--color-danger-bg) !important; }
.bg-red-100 { background-color: #ffe4e6 !important; } /* rose-100 */
.bg-red-500 { background-color: var(--color-danger) !important; }
.bg-red-600 { background-color: var(--color-danger) !important; }

.bg-rose-50 { background-color: var(--color-danger-bg) !important; }
.bg-rose-100 { background-color: #ffe4e6 !important; }
.bg-rose-500 { background-color: var(--color-danger) !important; }
.bg-rose-600 { background-color: var(--color-danger) !important; }

.text-red-500 { color: var(--color-danger) !important; }
.text-red-600 { color: var(--color-danger) !important; }
.text-red-700 { color: var(--color-danger-hover) !important; }
.text-red-800 { color: var(--color-danger-hover) !important; }
.text-rose-500 { color: var(--color-danger) !important; }
.text-rose-600 { color: var(--color-danger) !important; }

/* Purple - Tone down to professional indigo */
.bg-purple-50 { background-color: #eef2ff !important; } /* indigo-50 */
.bg-purple-100 { background-color: #e0e7ff !important; } /* indigo-100 */
.bg-purple-500 { background-color: #6366f1 !important; } /* indigo-500 */
.bg-purple-600 { background-color: #4f46e5 !important; } /* indigo-600 */

.text-purple-500 { color: #6366f1 !important; }
.text-purple-600 { color: #4f46e5 !important; }
.text-purple-700 { color: #4338ca !important; } /* indigo-700 */

/* Remove gradient backgrounds */
.bg-gradient-to-br,
.bg-gradient-to-r {
    background-image: none !important;
    background-color: var(--color-bg) !important;
}

/* Cards - Cleaner appearance */
.rounded-xl {
    box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.05) !important;
}

.shadow-lg {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.05), 0 2px 4px -2px rgb(0 0 0 / 0.05) !important;
}

/* Buttons - More professional */
.bg-blue-600,
.bg-blue-500 {
    background-color: var(--color-primary) !important;
}

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

/* Links */
a.text-blue-600,
a.text-blue-500 {
    color: var(--color-primary) !important;
}

a.hover\:text-blue-700:hover,
a.hover\:text-blue-600:hover {
    color: var(--color-primary-hover) !important;
}

/* Status badges - more subtle */
.bg-blue-100.text-blue-700 {
    background-color: var(--color-primary-bg) !important;
    color: var(--color-primary-hover) !important;
}

.bg-green-100.text-green-800 {
    background-color: var(--color-success-bg) !important;
    color: var(--color-success-hover) !important;
}

.bg-amber-100.text-amber-700,
.bg-yellow-100.text-yellow-800 {
    background-color: var(--color-warning-bg) !important;
    color: var(--color-warning-hover) !important;
}

.bg-rose-100.text-rose-700,
.bg-red-100.text-red-800 {
    background-color: var(--color-danger-bg) !important;
    color: var(--color-danger-hover) !important;
}

/* Remove backdrop blur for cleaner look */
.backdrop-blur-sm {
    backdrop-filter: none !important;
}

/* Professional focus rings */
.focus\:ring-blue-300:focus,
.focus\:ring-blue-500:focus {
    --tw-ring-color: var(--color-primary-light) !important;
}

/* Ensure white backgrounds stay white */
.bg-white {
    background-color: #ffffff !important;
}

/* Gray backgrounds more neutral */
.bg-gray-50 {
    background-color: var(--color-bg) !important;
}

.bg-gray-100 {
    background-color: #f1f5f9 !important; /* slate-100 */
}

/* Text colors more professional */
.text-gray-600 {
    color: var(--color-text-secondary) !important;
}

.text-gray-700,
.text-gray-800,
.text-gray-900 {
    color: var(--color-text-primary) !important;
}

/* Border colors more subtle */
.border-gray-200 {
    border-color: var(--color-border) !important;
}

.border-gray-300 {
    border-color: #cbd5e1 !important; /* slate-300 */
}

/* Buttons - Agent-IA style rounded corners */
button.rounded-lg,
.rounded-lg.btn,
a.rounded-lg[class*="bg-"],
input[type="submit"].rounded-lg,
input[type="button"].rounded-lg {
    border-radius: 1rem !important; /* More rounded like agent-ia.mx */
}

/* Optional: Extra rounded for primary actions */
.rounded-2xl {
    border-radius: 1rem !important;
}