/* Styles spécifiques à default */
:root {
  --primary-color: #32323a;
  --primary-hover: #24242a;
  --primary-light: #494954;
  --primary-dark: #1a1a1e;
}

a { color:var(--primary-color) !important; }

/* Application des couleurs */
.btn-primary {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

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

.btn-outline-primary {
  color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.btn-outline-primary:hover {
  background-color: var(--primary-color) !important;
  border-color: var(--primary-color) !important;
}

.nav-link.active {
  background-color: var(--primary-color) !important;
}

.card-icon {
  color: var(--primary-color) !important;
}

.dashboard-card:hover .card-icon {
  color: var(--primary-hover) !important;
}

.dashboard-card:hover {
  /* border-color: var(--primary-color) !important; */
}

.submenu-item.active {
  border-left-color: var(--primary-color) !important;
  background-color: var(--primary-light) !important;
}

.submenu-item:hover {
  border-left-color: var(--primary-color) !important;
}

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

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

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