:root,
[data-bs-theme=light] {
  /* Primary Colors */
  --bs-primary: #0A4157 !important;
  --bs-primary-rgb: 10, 65, 87 !important;
  --bs-primary-text-emphasis: #041a24 !important;
  --bs-primary-bg-subtle: #e3f1f5 !important;
  --bs-primary-border-subtle: #c7e3eb !important;

  /* Secondary Colors */
  --bs-secondary: #51C0D3 !important;
  --bs-secondary-rgb: 81, 192, 211 !important;
  --bs-secondary-text-emphasis: #1f5f6d !important;
  --bs-secondary-bg-subtle: #e8f7fa !important;
  --bs-secondary-border-subtle: #d1eef3 !important;

  /* Link Colors */
  --bs-link-color: #0A4157 !important;
  --bs-link-color-rgb: 10, 65, 87 !important;
  --bs-link-hover-color: #083348 !important;
  --bs-link-hover-color-rgb: 8, 51, 72 !important;

  /* Additional Colors */
  --bs-success: #0A4157 !important;
  --bs-info: #51C0D3 !important;
  --bs-warning: #0A41577A !important;
  --bs-danger: #0A4157 !important;
  --bs-light: #e3f1f5 !important;
  --bs-dark: #0A4157 !important;
}

/* Button Colors */
.btn-primary {
  background-color: #3B6779 !important;
  border-color: #3B6779 !important;
}

.btn-primary:hover {
  background-color: #083348 !important;
  border-color: #083348 !important;
}

.btn-secondary {
  background-color: #51C0D3 !important;
  border-color: #51C0D3 !important;
}

.btn-secondary:hover {
  background-color: #41a0b3 !important;
  border-color: #41a0b3 !important;
}

.btn-success {
  background-color: #0A4157 !important;
  border-color: #0A4157 !important;
}

.btn-info {
  background-color: #51C0D3 !important;
  border-color: #51C0D3 !important;
}

.btn-warning {
  background-color: #0A41577A !important;
  border-color: #0A41577A !important;
  color: #fff !important;
}

.btn-danger {
  background-color: #0A4157 !important;
  border-color: #0A4157 !important;
}

/* Text Colors */
.text-primary {
  color: #0A4157 !important;
}

.text-secondary {
  color: #51C0D3 !important;
}

.text-success {
  color: #0A4157 !important;
}

.text-info {
  color: #51C0D3 !important;
}

.text-warning {
  color: #0A41577A !important;
}

.text-danger {
  color: #0A4157 !important;
}

/* Background Colors */
.bg-primary {
  background-color: #0A4157 !important;
}

.bg-secondary {
  background-color: #51C0D3 !important;
}

.bg-success {
  background-color: #0A4157 !important;
}

.bg-info {
  background-color: #51C0D3 !important;
}

.bg-warning {
  background-color: #0A41577A !important;
}

.bg-danger {
  background-color: #0A4157 !important;
}

/* Border Colors */
.border-primary {
  border-color: #0A4157 !important;
}

.border-secondary {
  border-color: #51C0D3 !important;
}

.border-success {
  border-color: #0A4157 !important;
}

.border-info {
  border-color: #51C0D3 !important;
}

.border-warning {
  border-color: #0A41577A !important;
}

.border-danger {
  border-color: #0A4157 !important;
}

/* Alert Colors */
.alert-primary {
  background-color: #e3f1f5 !important;
  border-color: #c7e3eb !important;
  color: #0A4157 !important;
}

.alert-secondary {
  background-color: #e8f7fa !important;
  border-color: #d1eef3 !important;
  color: #51C0D3 !important;
}

.alert-success {
  background-color: #e3f1f5 !important;
  border-color: #c7e3eb !important;
  color: #0A4157 !important;
}

.alert-info {
  background-color: #e8f7fa !important;
  border-color: #d1eef3 !important;
  color: #51C0D3 !important;
}

.alert-warning {
  background-color: rgba(10, 65, 87, 0.1) !important;
  border-color: #0A41577A !important;
  color: #0A41577A !important;
}

.alert-danger {
  background-color: #e3f1f5 !important;
  border-color: #c7e3eb !important;
  color: #0A4157 !important;
}

/* Badge Colors */
.badge.bg-primary {
  background-color: #0A4157 !important;
}

.badge.bg-secondary {
  background-color: #51C0D3 !important;
}

.badge.bg-success {
  background-color: #0A4157 !important;
}

.badge.bg-info {
  background-color: #51C0D3 !important;
}

.badge.bg-warning {
  background-color: #0A41577A !important;
}

.badge.bg-danger {
  background-color: #0A4157 !important;
}

/* Progress Bar Colors */
.progress-bar.bg-primary {
  background-color: #0A4157 !important;
}

.progress-bar.bg-secondary {
  background-color: #51C0D3 !important;
}

.progress-bar.bg-success {
  background-color: #0A4157 !important;
}

.progress-bar.bg-info {
  background-color: #51C0D3 !important;
}

.progress-bar.bg-warning {
  background-color: #0A41577A !important;
}

.progress-bar.bg-danger {
  background-color: #0A4157 !important;
}

/* Table Colors */
.table-primary {
  background-color: #e3f1f5 !important;
  color: #0A4157 !important;
}

.table-secondary {
  background-color: #e8f7fa !important;
  color: #51C0D3 !important;
}

/* Nav Tabs */
.nav-tabs .nav-link.active {
  border-color: #51C0D3 !important;
  color: #51C0D3 !important;
}

.nav-link.active {
  background-color: #51C0D3 !important;
  color: #fff !important;
}

.nav-pills .nav-link.active {
  background-color: #51C0D3 !important;
  color: #fff !important;
}

.nav-tabs .nav-link:hover {
  border-color: #51C0D3 !important;
  color: #51C0D3 !important;
}

/* Form Controls */
.form-control:focus {
  border-color: #51C0D3 !important;
  box-shadow: 0 0 0 0.25rem rgba(81, 192, 211, 0.25) !important;
}

.form-check-input:checked {
  background-color: #0A4157 !important;
  border-color: #0A4157 !important;
}

/* Custom Scrollbar */
::-webkit-scrollbar-thumb {
  background: #0A4157 !important;
}

::-webkit-scrollbar-track {
  background: #e3f1f5 !important;
}

/* Custom Colors */
:root {
  --bs-primary: #0A4157;
  --bs-secondary: #51C0D3;
  --bs-primary-transparent: #0A41577A;
}

/* Hide template customizer modal */
#template-customizer {
  display: none !important;
  visibility: hidden !important;
}

/* Primary Color (#0A4157) */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #083a4d !important;
  border-color: #083a4d !important;
}

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

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

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

/* Secondary Color (#51C0D3) */
.btn-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background-color: #3db0c3 !important;
  border-color: #3db0c3 !important;
}

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

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

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

/* Semi-transparent Primary (#0A41577A) */
.bg-primary-transparent {
  background-color: var(--bs-primary-transparent) !important;
}

/* Additional UI Elements */
.alert-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

.alert-secondary {
  background-color: var(--bs-secondary) !important;
  border-color: var(--bs-secondary) !important;
  color: white !important;
}

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

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

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

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

/* Form Controls */
.form-check-input:checked {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

.form-control:focus {
  border-color: var(--bs-secondary) !important;
  box-shadow: 0 0 0 0.25rem rgba(81, 192, 211, 0.25) !important;
}

/* Navigation */
.nav-tabs .nav-link.active {
  border-color: var(--bs-secondary) !important;
  color: var(--bs-secondary) !important;
}

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

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

/* Scrollbar */
::-webkit-scrollbar-thumb {
  background-color: var(--bs-primary) !important;
}

/* Links */
a {
  color: var(--bs-primary);
}

a:hover {
  color: #083a4d;
}