/**
 * Custom Color Variables
 * Override default primary color to #0D9394
 */

:root {
  /* Primary color overrides */
  --bs-primary: #0D9394 !important;
  --bs-primary-rgb: 13, 147, 148 !important;
  
  /* Primary color variations */
  --bs-primary-text-emphasis: #085859 !important;
  --bs-primary-bg-subtle: #c7eeef !important;
  --bs-primary-border-subtle: #8fe1e2 !important;
}

[data-bs-theme="dark"] {
  /* Dark theme primary color overrides */
  --bs-primary: #0D9394 !important;
  --bs-primary-rgb: 13, 147, 148 !important;
  --bs-primary-text-emphasis: #5cc3c4 !important;
  --bs-primary-bg-subtle: #0a4445 !important;
  --bs-primary-border-subtle: #0d6162 !important;
}

/* Ensure primary color is applied to common elements */
.btn-primary {
  --bs-btn-bg: var(--bs-primary) !important;
  --bs-btn-border-color: var(--bs-primary) !important;
  --bs-btn-hover-bg: #0b7d7e !important;
  --bs-btn-hover-border-color: #0b7d7e !important;
  --bs-btn-active-bg: #096667 !important;
  --bs-btn-active-border-color: #096667 !important;
}

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

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

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

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

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

/* Disable text-transform capitalize for all buttons */
.btn,
button,
.nav-link {
  text-transform: none !important;
}