:root {
  --fleet-blue: #0a2347;
  --fleet-blue-secondary: #1b3a66;
  --fleet-blue-accent: #274c77;
  --fleet-gray-dark: #333333;
  --fleet-gray: #777777;
  --fleet-black: #0d0d0d;
  --fleet-white: #ffffff;

  /* Bootstrap override */
  --bs-body-bg: var(--fleet-black);
  --bs-body-color: var(--fleet-white);
  --bs-link-color: var(--fleet-blue);
  --bs-link-hover-color: var(--fleet-blue-secondary);
  --bs-primary: var(--fleet-blue);
  --bs-secondary: var(--fleet-blue-accent);
  --bs-success: #1baa66;
  --bs-dark: var(--fleet-gray-dark);
}

body {
  background-color: var(--bs-body-bg);
  color: var(--bs-body-color);
  font-family: "Inter", "Segoe UI", Roboto, sans-serif;
}

.navbar,
.sidebar-fixed,
.bg-body-tertiary {
  background-color: var(--fleet-gray-dark) !important;
}

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

.btn-primary {
  background-color: var(--fleet-blue);
  border-color: var(--fleet-blue);
}
.btn-primary:hover {
  background-color: var(--fleet-blue-secondary);
  border-color: var(--fleet-blue-secondary);
}

.btn-outline-light:hover {
  background-color: var(--fleet-blue-accent);
  border-color: var(--fleet-blue-accent);
}

.card {
  background-color: #111418;
  border-color: #1b1f25;
}

.table-dark {
  --bs-table-bg: #1b1f25;
  --bs-table-striped-bg: #21252b;
  --bs-table-hover-bg: #232831;
}

.badge.text-bg-info {
  background-color: var(--fleet-blue-accent) !important;
}
/* === FLEET SIDEBAR === */
.sidebar-fixed {
  background-color: var(--fleet-gray-dark) !important;
  border-right: 1px solid rgba(255, 255, 255, 0.08);
  color: var(--fleet-white);
}

.sidebar-fixed .nav-link {
  color: rgba(255, 255, 255, 0.85) !important;
  background: transparent !important;
  border-radius: 0.5rem;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.sidebar-fixed .nav-link:hover {
  background-color: var(--fleet-blue-secondary) !important;
  color: #fff !important;
}

.sidebar-fixed .nav-link.active {
  background-color: var(--fleet-blue) !important;
  color: #fff !important;
}

/* === NAVBAR === */
.navbar.bg-body-tertiary {
  background-color: var(--fleet-gray-dark) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

/* === SCROLLBAR SUBTILE (optionnel) === */
.sidebar-fixed::-webkit-scrollbar {
  width: 6px;
}
.sidebar-fixed::-webkit-scrollbar-thumb {
  background-color: var(--fleet-blue-accent);
  border-radius: 3px;
}