/* ========================================
   Integration Objects Color Shades
   Nuances de couleurs pour le design system IO
   ======================================== */

/* Nuances de bleu IO */
.bg-io-blue-100 { background-color: #e6eaf0 !important; }
.bg-io-blue-200 { background-color: #ccd4e1 !important; }
.bg-io-blue-300 { background-color: #b3bfd3 !important; }
.bg-io-blue-400 { background-color: #99a9c4 !important; }
.bg-io-blue-500 { background-color: #8094b5 !important; }
.bg-io-blue-600 { background-color: #667ea6 !important; }
.bg-io-blue-700 { background-color: #4d6897 !important; }
.bg-io-blue-800 { background-color: #3b4a7a !important; } /* io-blue-light */
.bg-io-blue-900 { background-color: #253561 !important; } /* io-blue */
.bg-io-blue-950 { background-color: #1c284b !important; } /* io-blue-dark */

/* Texte bleu IO */
.text-io-blue-100 { color: #e6eaf0 !important; }
.text-io-blue-200 { color: #ccd4e1 !important; }
.text-io-blue-300 { color: #b3bfd3 !important; }
.text-io-blue-400 { color: #99a9c4 !important; }
.text-io-blue-500 { color: #8094b5 !important; }
.text-io-blue-600 { color: #667ea6 !important; }
.text-io-blue-700 { color: #4d6897 !important; }
.text-io-blue-800 { color: #3b4a7a !important; }
.text-io-blue-900 { color: #253561 !important; }
.text-io-blue-950 { color: #1c284b !important; }

/* Bordures bleu IO */
.border-io-blue-100 { border-color: #e6eaf0 !important; }
.border-io-blue-200 { border-color: #ccd4e1 !important; }
.border-io-blue-300 { border-color: #b3bfd3 !important; }
.border-io-blue-400 { border-color: #99a9c4 !important; }
.border-io-blue-500 { border-color: #8094b5 !important; }
.border-io-blue-600 { border-color: #667ea6 !important; }
.border-io-blue-700 { border-color: #4d6897 !important; }
.border-io-blue-800 { border-color: #3b4a7a !important; }
.border-io-blue-900 { border-color: #253561 !important; }
.border-io-blue-950 { border-color: #1c284b !important; }

/* Nuances d'orange IO */
.bg-io-orange-100 { background-color: #fff0e6 !important; }
.bg-io-orange-200 { background-color: #ffe1cc !important; }
.bg-io-orange-300 { background-color: #ffd2b3 !important; }
.bg-io-orange-400 { background-color: #ffc399 !important; }
.bg-io-orange-500 { background-color: #ffb480 !important; }
.bg-io-orange-600 { background-color: #ffa566 !important; }
.bg-io-orange-700 { background-color: #ff964d !important; }
.bg-io-orange-800 { background-color: #ff8a47 !important; } /* io-orange-light */
.bg-io-orange-900 { background-color: #FF6F20 !important; } /* io-orange */
.bg-io-orange-950 { background-color: #e55a0f !important; } /* io-orange-dark */

/* Texte orange IO */
.text-io-orange-100 { color: #fff0e6 !important; }
.text-io-orange-200 { color: #ffe1cc !important; }
.text-io-orange-300 { color: #ffd2b3 !important; }
.text-io-orange-400 { color: #ffc399 !important; }
.text-io-orange-500 { color: #ffb480 !important; }
.text-io-orange-600 { color: #ffa566 !important; }
.text-io-orange-700 { color: #ff964d !important; }
.text-io-orange-800 { color: #ff8a47 !important; }
.text-io-orange-900 { color: #FF6F20 !important; }
.text-io-orange-950 { color: #e55a0f !important; }

/* Bordures orange IO */
.border-io-orange-100 { border-color: #fff0e6 !important; }
.border-io-orange-200 { border-color: #ffe1cc !important; }
.border-io-orange-300 { border-color: #ffd2b3 !important; }
.border-io-orange-400 { border-color: #ffc399 !important; }
.border-io-orange-500 { border-color: #ffb480 !important; }
.border-io-orange-600 { border-color: #ffa566 !important; }
.border-io-orange-700 { border-color: #ff964d !important; }
.border-io-orange-800 { border-color: #ff8a47 !important; }
.border-io-orange-900 { border-color: #FF6F20 !important; }
.border-io-orange-950 { border-color: #e55a0f !important; }

/* Compatibilité avec les couleurs de base */
.bg-io-blue { background-color: #253561 !important; }
.text-io-blue { color: #253561 !important; }
.border-io-blue { border-color: #253561 !important; }

.bg-io-blue-dark { background-color: #1c284b !important; }
.text-io-blue-dark { color: #1c284b !important; }

.bg-io-blue-light { background-color: #3b4a7a !important; }
.text-io-blue-light { color: #3b4a7a !important; }

.bg-io-orange { background-color: #FF6F20 !important; }
.text-io-orange { color: #FF6F20 !important; }
.border-io-orange { border-color: #FF6F20 !important; }

.bg-io-orange-dark { background-color: #e55a0f !important; }
.text-io-orange-dark { color: #e55a0f !important; }

.bg-io-orange-light { background-color: #ff8a47 !important; }
.text-io-orange-light { color: #ff8a47 !important; }

/* Couleurs de texte sur fond blanc */
.bg-io-white .text-io-blue { color: #253561 !important; }
.bg-io-white .text-io-orange { color: #FF6F20 !important; }
.bg-io-white .text-io-text { color: #1e293b !important; }
.bg-io-white .text-io-text-secondary { color: #64748b !important; }

/* Couleurs de texte sur fond bleu */
.bg-io-blue .text-white,
.bg-io-blue-dark .text-white,
.bg-io-blue-light .text-white,
.bg-io-blue-600 .text-white,
.bg-io-blue-700 .text-white,
.bg-io-blue-800 .text-white,
.bg-io-blue-900 .text-white,
.bg-io-blue-950 .text-white {
    color: #ffffff !important;
}

/* Couleurs de texte sur fond orange */
.bg-io-orange .text-white,
.bg-io-orange-dark .text-white,
.bg-io-orange-light .text-white,
.bg-io-orange-600 .text-white,
.bg-io-orange-700 .text-white,
.bg-io-orange-800 .text-white,
.bg-io-orange-900 .text-white,
.bg-io-orange-950 .text-white {
    color: #ffffff !important;
}

/* Compatibilité avec les icônes */
.text-io-white { color: #ffffff !important; }
.text-io-success { color: #10b981 !important; }
.text-io-warning { color: #f59e0b !important; }
.text-io-error { color: #ef4444 !important; }
.text-io-info { color: #3b82f6 !important; }

/* Compatibilité avec les backgrounds */
.bg-io-white { background-color: #ffffff !important; }
.bg-io-success { background-color: #10b981 !important; }
.bg-io-warning { background-color: #f59e0b !important; }
.bg-io-error { background-color: #ef4444 !important; }
.bg-io-info { background-color: #3b82f6 !important; }

/* Compatibilité avec les classes d'opacité */
.text-white\/90 { color: rgba(255, 255, 255, 0.9) !important; }
.text-white\/80 { color: rgba(255, 255, 255, 0.8) !important; }
.bg-white\/10 { background-color: rgba(255, 255, 255, 0.1) !important; }
.bg-white\/20 { background-color: rgba(255, 255, 255, 0.2) !important; }
.border-white\/20 { border-color: rgba(255, 255, 255, 0.2) !important; }

/* Compatibilité avec les classes de bordures */
.rounded-t-lg { border-top-left-radius: 0.5rem !important; border-top-right-radius: 0.5rem !important; }
.rounded-b-lg { border-bottom-left-radius: 0.5rem !important; border-bottom-right-radius: 0.5rem !important; }
.rounded-lg { border-radius: 0.5rem !important; }
.rounded-md { border-radius: 0.375rem !important; }
.rounded-full { border-radius: 9999px !important; }

/* Compatibilité avec les classes de bordures */
.border-t-2 { border-top-width: 2px !important; }
.border { border-width: 1px !important; }
.border-io-grey-200 { border-color: #e2e8f0 !important; }
.border-io-grey-100 { border-color: #f1f5f9 !important; }
.border-io-grey-800 { border-color: #1e293b !important; }

/* Compatibilité avec les classes de texte */
.text-io-text { color: #1e293b !important; }
.text-io-text-secondary { color: #64748b !important; }
.text-io-text-muted { color: #94a3b8 !important; }

/* Compatibilité avec les classes de fond gris */
.bg-io-grey-50 { background-color: #f8fafc !important; }
.bg-io-grey-100 { background-color: #f1f5f9 !important; }
.bg-io-grey-200 { background-color: #e2e8f0 !important; }
.bg-io-grey-800 { background-color: #1e293b !important; }
.bg-io-grey-900 { background-color: #0f172a !important; }

/* Compatibilité avec les classes de hover */
.hover\:text-io-blue:hover { color: #253561 !important; }
.hover\:text-io-orange:hover { color: #FF6F20 !important; }
.hover\:bg-io-blue:hover { background-color: #253561 !important; }
.hover\:bg-io-orange:hover { background-color: #FF6F20 !important; }
.hover\:text-white:hover { color: #ffffff !important; }

/* Compatibilité avec les classes de texte gris */
.text-io-grey-400 { color: #94a3b8 !important; }