/* Couleur personnalisée pour toute l'application */
:root {
    --primary-color: oklch(43.2% 0.095 166.913);
    --primary-hover: oklch(38% 0.095 166.913);
    --primary-focus: oklch(43.2% 0.095 166.913 / 0.3);
}

/* Boutons principaux */
.btn-primary, 
.bg-blue-600, 
.bg-indigo-600, 
.bg-primary,
button[type="submit"],
input[type="submit"],
.primary-button {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.btn-primary:hover, 
.bg-blue-600:hover, 
.bg-indigo-600:hover, 
.bg-primary:hover,
button[type="submit"]:hover,
input[type="submit"]:hover,
.primary-button:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
}

.btn-primary:focus, 
.bg-blue-600:focus, 
.bg-indigo-600:focus, 
.bg-primary:focus,
button[type="submit"]:focus,
input[type="submit"]:focus,
.primary-button:focus {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    box-shadow: 0 0 0 3px var(--primary-focus) !important;
}

/* Liens et textes */
.text-blue-600, 
.text-indigo-600, 
.text-primary,
a.text-blue-600,
a.text-indigo-600,
a.text-primary {
    color: var(--primary-color) !important;
}

/* Bordures */
.border-blue-600, 
.border-indigo-600, 
.border-primary {
    border-color: var(--primary-color) !important;
}

/* Rings (focus) */
.ring-blue-600, 
.ring-indigo-600, 
.ring-primary {
    --tw-ring-color: var(--primary-color) !important;
}

/* Badges et labels */
.badge-primary,
.label-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Tables et listes */
.table-primary th,
.list-group-item-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Formulaires */
.form-control:focus,
.form-input:focus,
input:focus,
textarea:focus,
select:focus {
    border-color: var(--primary-color) !important;
    box-shadow: 0 0 0 3px var(--primary-focus) !important;
}

/* Navigation active */
.nav-link.active,
.nav-item.active {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Cards avec accent */
.card-primary {
    border-color: var(--primary-color) !important;
}

.card-primary .card-header {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Progress bars */
.progress-bar-primary {
    background-color: var(--primary-color) !important;
}

/* Alerts */
.alert-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
}

/* Dropdowns */
.dropdown-item:focus,
.dropdown-item:hover {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Pagination */
.pagination .page-item.active .page-link {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.pagination .page-link:hover {
    color: var(--primary-color) !important;
}

/* Modals */
.modal-header.primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Tabs */
.nav-tabs .nav-link.active {
    background-color: var(--primary-color) !important;
    color: white !important;
    border-color: var(--primary-color) !important;
}

/* Breadcrumbs */
.breadcrumb-item.active {
    color: var(--primary-color) !important;
}

/* Tooltips */
.tooltip-primary .tooltip-inner {
    background-color: var(--primary-color) !important;
}

/* Spinners et loaders */
.spinner-primary {
    color: var(--primary-color) !important;
}

/* Chips et tags */
.chip-primary,
.tag-primary {
    background-color: var(--primary-color) !important;
    color: white !important;
}

/* Override Tailwind classes */
.bg-blue-500,
.bg-indigo-500 {
    background-color: var(--primary-color) !important;
}

.text-blue-500,
.text-indigo-500 {
    color: var(--primary-color) !important;
}

.border-blue-500,
.border-indigo-500 {
    border-color: var(--primary-color) !important;
}

/* Styles pour la pagination Tailwind */
.pagination .bg-blue-600 {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.pagination a:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: white !important;
}

/* Styles spécifiques pour la pagination */
.pagination-current {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.pagination-link:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: white !important;
}

.pagination-nav:hover {
    background-color: var(--primary-hover) !important;
    border-color: var(--primary-hover) !important;
    color: white !important;
}

/* Styles pour les liens de la sidebar */
.sidebar-link {
    color: rgb(55 65 81); /* Default text color for non-active links */
    transition: all 0.2s ease;
}
.sidebar-link:hover {
    background-color: var(--primary-hover) !important;
    color: white !important;
}
.sidebar-link.active {
    background-color: var(--primary-color) !important;
    color: white !important;
}