/* Custom styles to complement Bootstrap 5 */
:root {
  --bs-primary: rgba(35, 162, 167, 1);
  --bs-btn-hover-bg: #067969ff;
  --bs-primary-border-subtle: #1e7e34;
  --bs-primary-rgb: 35, 162, 167;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-bg-opacity: 0.8;
  --bs-secondary: #6c757d;
  --bs-secondary-border-subtle: #5a6268;
  --bs-success: #28a745;
  --bs-success-border-subtle: #218838;
  --bs-info: #17a2b8;
  --bs-info-border-subtle: #138496;
  --bs-warning: #ffc107;
  --bs-warning-border-subtle: #e0a800;
  --bs-danger: #dc3545;
  --bs-danger-border-subtle: #c82333;
  --bs-light: #f8f9fa;
  --bs-light-border-subtle: #dae0e5;
  --bs-dark: #343a40;
  --bs-dark-border-subtle: #1d2124;
  --bs-body-bg: #ffffff;
  --bs-body-color: #212529;
  --bs-body-color-emphasis: rgba(33, 37, 41, 0.75);
}

/* Add any custom styles that extend Bootstrap here */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
}

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

/* Active navigation link styling */
.nav-link.active {
    background-color: #e9ecef;
    border-radius: 0.25rem;
}

/* Keep the button styling when active */
.nav-link.btn.active:not(.nav-link-kup) {
    color: white !important;
}
.nav-link.btn.active.nav-link-kup {
    background-color: rgb(38, 59, 43) !important;
    border-color:rgb(38, 59, 43) !important;
}


/* You can add more custom styles as needed but try to use Bootstrap classes when possible */