/* ==============================
   Palette Lavande + Gris clair
   ============================== */

/* Couleurs */
:root {
  --lavande: #6366F1;   /* primaire */
  --lavande-fonce: #4F46E5; /* hover */
  --gris-clair: #F3F4F6;   /* fond global */
  --texte-fonce: #111827;
  --blanc: #FFFFFF;
  --rouge: #EF4444;
  --rouge-fonce: #B91C1C;
  --vert: #10B981;
  --orange: #F59E0B;
}

/* Fond global */
body {
  background-color: var(--gris-clair);
  color: var(--texte-fonce);
  font-family: 'Inter', sans-serif;
  margin: 0;
}

/* Titres */
h1, h2, h3, h4, h5 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  color: var(--lavande);
}

/* Navbar */
.navbar {
  background-color: var(--lavande);
}

.navbar .nav-link,
.navbar .navbar-brand {
  color: var(--blanc) !important;
}

.navbar .nav-link:hover {
  color: #E0E7FF !important; /* lavande clair */
}

/* Cartes */
.card {
  border: none;
  border-radius: .75rem;
  background-color: var(--blanc);
  box-shadow: 0 2px 8px rgba(0,0,0,0.04);
}

/* Boutons */
.btn {
  border-radius: .5rem;
  font-weight: 500;
}

.btn-primary {
  background-color: var(--lavande);
  border: none;
}

.btn-primary:hover {
  background-color: var(--lavande-fonce);
}

.btn-outline-primary {
  border: 2px solid var(--lavande);
  color: var(--lavande);
}

.btn-outline-primary:hover {
  background-color: var(--lavande);
  color: var(--blanc);
}

.btn-danger {
  background-color: var(--rouge);
  border: none;
}

.btn-danger:hover {
  background-color: var(--rouge-fonce);
}

/* Badges */
.badge {
  font-size: .8rem;
  padding: .35em .65em;
  border-radius: .5rem;
}

.bg-success { background-color: var(--vert) !important; }
.bg-warning { background-color: var(--orange) !important; }
.bg-danger  { background-color: var(--rouge) !important; }

/* Onglets */
.custom-tabs .nav-link {
  border: none;
  font-weight: 500;
  color: var(--texte-fonce);
}

.custom-tabs .nav-link.active {
  color: var(--lavande);
  border-bottom: 3px solid var(--lavande);
  background: transparent;
}

/* Toolbar (barre d’action sticky) */
.toolbar {
  border-radius: .75rem;
  background-color: var(--blanc);
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}
.toolbar h2 {
  font-family: 'Playfair Display', serif;
  font-weight: 600;
  color: var(--lavande);
}