/* Couleurs Principales Innovaschool */
:root {
    --color-primary: #F37519;      /* Orange Principal */
    --color-secondary: #1B80C4;    /* Bleu Secondaire */
    
    /* Variations Orange */
    --color-primary-50: #FEF3E7;
    --color-primary-100: #FDE7CF;
    --color-primary-200: #FBCF9F;
    --color-primary-300: #F9B76F;
    --color-primary-400: #F79F3F;
    --color-primary-500: #F37519;    /* Principal */
    --color-primary-600: #C25E14;
    --color-primary-700: #92460F;
    --color-primary-800: #612F0A;
    --color-primary-900: #311705;
    
    /* Variations Bleu */
    --color-secondary-50: #E7F3FA;
    --color-secondary-100: #CFE7F5;
    --color-secondary-200: #9FCFEB;
    --color-secondary-300: #6FB7E1;
    --color-secondary-400: #3F9FD7;
    --color-secondary-500: #1B80C4;    /* Secondaire */
    --color-secondary-600: #16669D;
    --color-secondary-700: #104D76;
    --color-secondary-800: #0B334E;
    --color-secondary-900: #051A27;
}

/* Classes utilitaires */
.bg-primary { background-color: var(--color-primary) !important; }
.bg-secondary { background-color: var(--color-secondary) !important; }
.text-primary { color: var(--color-primary) !important; }
.text-secondary { color: var(--color-secondary) !important; }
.border-primary { border-color: var(--color-primary) !important; }
.border-secondary { border-color: var(--color-secondary) !important; }

/* Boutons */
.btn-primary {
    background-color: var(--color-primary) !important;
    border-color: var(--color-primary) !important;
    color: white !important;
}

.btn-primary:hover {
    background-color: var(--color-primary-700) !important;
    border-color: var(--color-primary-700) !important;
}

.btn-secondary {
    background-color: var(--color-secondary) !important;
    border-color: var(--color-secondary) !important;
    color: white !important;
}

.btn-secondary:hover {
    background-color: var(--color-secondary-700) !important;
    border-color: var(--color-secondary-700) !important;
}

/* Liens */
a.text-primary-600:hover {
    color: var(--color-primary-700) !important;
}

/* Focus states */
.focus\:ring-primary-500:focus {
    --tw-ring-color: var(--color-primary) !important;
}

.focus\:border-primary-500:focus {
    border-color: var(--color-primary) !important;
}
