:root {
    --bs-primary: #8e44ad; /* Mauve profond */
    --bs-secondary: #6c5ce7; /* Bleu mauve */
    --bs-success: #f39c12; /* Orange */
    --bs-info: #9b59b6; /* Mauve plus clair */
    --bs-warning: #e67e22; /* Orange foncé pour contraste */
    --bs-danger: #c0392b; /* Rouge profond */
    --bs-light: #ecf0f1; /* Gris clair */
    --bs-dark: #1a1a2e; /* Fond sombre */
}

p{
	color:var(--bs-primary);
}

label{
	color:var(--bs-black);
}

h1{
	color:var(--bs-primary);
}

h2{
	color:var(--bs-primary);
}

h3{
	color:var(--bs-primary);
}

h4{
	color:white;
}

.element-selectionne{
	background-color: var(--bs-success) !important;
	color : white;
}

.element-non-selectionne{
	background-color: var(--bs-primary) !important;
	color : white;
}

.match-ferme{
	background-color: var(--bs-light) !important;
	color : black;
}

.match-ouvert{
	background-color: var(--bs-white) !important;
	color : black;
}

.pari-gagne{
	background-color: var(--bs-primary) !important;
	color : white;
}

.pari-non-joue{
	background-color: var(--bs-secondary) !important;
	color : white;
}

.pari-a-venir{
	color: var(--bs-danger) !important;
}

.pari-en-cours{

}

.pari-autre{
	color: var(--bs-danger) !important;
}

/* Personnalisation des classes Bootstrap */

.btn-warning {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning);
    color: var(--bs-white);
}

.btn-danger {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger);
    color: var(--bs-white);
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: var(--bs-white);
}

.btn-primary:hover {
    background-color: #732d91; /* Assombrissement au survol */
    border-color: #5e2472;
}

.btn-info {
    background-color: var(--bs-info);
    border-color: var(--bs-info);
    color: var(--bs-white);
}

.btn-success {
    background-color: var(--bs-success);
    border-color: var(--bs-success);
    color: var(--bs-white);
}

.btn-success:hover {
    background-color: #d68910; /* Assombrissement au survol */
    border-color: #b9770e;
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: var(--bs-light);
}

.btn-secondary:hover {
    background-color: #5a49d6;
    border-color: #4937b3;
}

.bg-fond {
  background-color: var(--bs-dark) !important;
  color: var(--bs-white);
}

.bg-light {
    background-color: var(--bs-light) !important;
	color: white;
}

.bg-primary {
    background-color: var(--bs-primary) !important;
	color: white;
}

.bg-secondary {
    background-color: var(--bs-secondary) !important;
}

.bg-success {
    background-color: var(--bs-success) !important;
	color : white;
}

.text-primary {
    color: var(--bs-primary) !important;
}

.text-secondary {
    color: var(--bs-secondary) !important;
}

.text-success {
    color: var(--bs-success) !important;
}

.text-warning {
    color: var(--bs-warning) !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-light {
    color: var(--bs-light) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

.navbar-dark .navbar-nav .nav-link {
    color: var(--bs-light) !important;
}

.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--bs-success) !important;
}

.link-primary {
    color: var(--bs-white) !important;
}

.link-white {
    color: var(--bs-white) !important;
}

.sousnavbar0 {
    background-color: var(--bs-dark) !important;
}

.sousnavbar1 {
    background-color: var(--bs-primary) !important;
}

.sousnavbar2 {
    background-color: var(--bs-dark) !important;
}

.menu_selected{
	color : var(--bs-success) !important;
}

.menu_unselected{
	color : var(--bs-white) !important;
}

.panier-all-pronostic{
    border-radius: 15px;
    border: 3px solid white;
	background-color: var(--bs-info) !important;
}

.panier-pronostic{
    border-radius: 15px;
    border: 1px solid white;
}

.colonne-filtres{
    border-radius: 15px;
    border: 3px solid white;
}

.footer{
	background-color: var(--bs-dark) !important;
	color : var(--bs-white) !important;
}