:root {
  --bs-primary: #0e5673; /* main color */
  --bs-primary-hover: #0c4a61; /* darker for hover */
  --bs-tertiary: #fff5ed;
  --bs-secondary: #e88651;
  --bs-success: #28a745;
  --bs-info: #17a2b8;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
}

.table-primary {
  --bs-table-bg: var(--bs-primary) !important;
  --bs-table-striped-bg: #d0f0f2;
  --bs-table-hover-bg: #c2e8ea;
  --bs-table-color: #ffff;
}
/* 2. Button overrides */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

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

/* 3. Table header */
table.dataTable thead {
  background-color: var(--bs-primary);
  color: white;
}

/* 4. Modal header */
.modal-header {
  background-color: var(--bs-primary);
  color: white;
}

/* 5. Alerts */
.alert-primary {
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
  color: white;
}