/* Supprimez les directives @tailwind et remplacez par ceci */
:root {
    --primary-color: #FFD700; /* Jaune or */
    --secondary-color: #000000; /* Noir */
    --accent-color: #B8860B; /* Or foncé */
    --text-light: #FFFFFF;
    --text-dark: #333333;
}

/* Classes pour les couleurs de fond */
.bg-primary-custom {
    background-color: var(--primary-color);
}

.bg-secondary-custom {
    background-color: var(--secondary-color);
}

/* Classes pour les couleurs de texte */
.text-primary-custom {
    color: var(--primary-color);
}

.text-secondary-custom {
    color: var(--secondary-color);
}

/* Boutons personnalisés */
.btn-primary-custom {
    background-color: var(--primary-color);
    color: var(--text-dark);
    border: none;
}

.btn-primary-custom:hover {
    background-color: var(--accent-color);
    color: var(--text-light);
}

.btn-secondary-custom {
    background-color: var(--secondary-color);
    color: var(--text-light);
    border: none;
}

.btn-secondary-custom:hover {
    background-color: #333;
    color: var(--primary-color);
}

/* Styles pour les cartes */
.card-header-custom {
    background-color: var(--secondary-color);
    color: var(--primary-color);
    font-weight: bold;
}

/* Style pour la barre de navigation */
.navbar-custom {
    background-color: var(--secondary-color);
}

.navbar-custom .navbar-brand,
.navbar-custom .nav-link {
    color: var(--primary-color);
}

/* Ajoutez d'autres styles personnalisés selon vos besoins */