/* Utility class overrides */
.text-primary {
  color: var(--bs-primary) !important;
}

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

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

/* Buttons */
.btn-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: white !important;
}

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

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

/* Nav links active and pills */
.nav-link.active,
.nav-pills .nav-link.active {
    /*color: white !important;*/
    /*background-color: var(--bs-primary) !important;*/
    /*border-color: var(--bs-primary) !important;*/
}

a.text-primary:hover,
a.text-primary:focus {
  color: var(--bs-primary-hover) !important;
}

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

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

/* Optional: catch all primary utilities */
[class*="text-primary"] {
  color: var(--bs-primary) !important;
}

[class*="bg-primary"] {
  background-color: var(--bs-primary) !important;
}

[class*="border-primary"] {
  border-color: var(--bs-primary) !important;
}

/* Tabs active */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  background-color: var(--bs-primary-light) !important;
}

.shade1 {
   color: var(--bs-primary-shade-1) !important;
}

.shade2 {
   color: var(--bs-primary-shade-2) !important;
}

.shade3 {
   color: var(--bs-primary-shade-3) !important;
}

.shade4 {
   color: var(--bs-primary-shade-4) !important;
}

.shade5 {
   color: var(--bs-primary-shade-5) !important;
}

.shade6 {
   color: var(--bs-primary-shade-6) !important;
}

.shade7 {
   color: var(--bs-primary-shade-7) !important;
}

.shade8 {
   color: var(--bs-primary-shade-8) !important;
}

.shade9 {
   color: var(--bs-primary-shade-9) !important;
}

.shade10 {
   color: var(--bs-primary-shade-10) !important;
}

.bgshade1 {
    background-color: var(--bs-primary-shade-1) !important;
}

.bgshade2 {
    background-color: var(--bs-primary-shade-2) !important;
}

.bgshade3 {
    background-color: var(--bs-primary-shade-3) !important;
}

.bgshade4 {
    background-color: var(--bs-primary-shade-4) !important;
}

.bgshade5 {
    background-color: var(--bs-primary-shade-5) !important;
}

.bgshade6 {
    background-color: var(--bs-primary-shade-6) !important;
}

.bgshade7 {
    background-color: var(--bs-primary-shade-7) !important;
}

.bgshade8 {
    background-color: var(--bs-primary-shade-8) !important;
}

.bgshade9 {
    background-color: var(--bs-primary-shade-9) !important;
}

.bgshade10 {
    background-color: var(--bs-primary-shade-10) !important;
}

.bgdark1 {
    background-color: var(--bs-primary-dark-1) !important;
}

.bgdark2 {
    background-color: var(--bs-primary-dark-2) !important;
}

.bgdark3 {
    background-color: var(--bs-primary-dark-3) !important;
}

.bgdark4 {
    background-color: var(--bs-primary-dark-4) !important;
}

.bgdark5 {
    background-color: var(--bs-primary-dark-5) !important;
}

.bgdark6 {
    background-color: var(--bs-primary-dark-6) !important;
}

.bgdark7 {
    background-color: var(--bs-primary-dark-7) !important;
}

.bgdark8 {
    background-color: var(--bs-primary-dark-8) !important;
}

.bgdark9 {
    background-color: var(--bs-primary-dark-9) !important;
}

.bgdark0 {
    background-color: var(--bs-primary-dark-10) !important;
}