/* ------------------------------------
     Primary color variables
  ------------------------------------ */
  :root {
    --bs-primary: #fea64d;
    --bs-primary-rgb: 254, 166, 77;
  }

  /* ------------------------------------
     NAV LINKS
  ------------------------------------ */
  .navbar .nav-link.active,
  .navbar .nav-link:focus,
  .navbar .nav-link:hover {
    color: var(--bs-primary) !important;
  }

  /* Dropdown active item */
  .dropdown-item.active,
  .dropdown-item:active {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
  }

  /* ------------------------------------
     BUTTONS — PRIMARY
  ------------------------------------ */
  .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:focus-visible {
    background-color: rgba(var(--bs-primary-rgb), 0.85) !important;
    border-color: rgba(var(--bs-primary-rgb), 0.85) !important;
  }

  /* Disabled state */
  .btn-primary:disabled {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    opacity: 0.65;
  }


/* ------------------------------------
   BUTTONS — OUTLINE PRIMARY
------------------------------------ */
.btn-outline-primary {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}

/* Hover & focus */
.btn-outline-primary:hover,
.btn-outline-primary:focus {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Active / pressed / dropdown open / checked */
.btn-outline-primary:active,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-check:active + .btn-outline-primary,
.btn-check:checked + .btn-outline-primary {
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  color: #fff !important;
}

/* Disabled */
.btn-outline-primary:disabled,
.btn-outline-primary.disabled {
  color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
  opacity: 0.65;
}

  /* ------------------------------------
     BADGES (optional, looks nice)
  ------------------------------------ */
  .badge.bg-primary {
    background-color: var(--bs-primary) !important;
  }

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

    /* Dropdown toggle (outline primary) */
    .btn-outline-primary.dropdown-toggle {
        color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
      }
    
      /* Hover / focus / active events */
      .btn-outline-primary.dropdown-toggle:hover,
      .btn-outline-primary.dropdown-toggle:focus,
      .btn-outline-primary.dropdown-toggle:active,
      .show > .btn-outline-primary.dropdown-toggle {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
        color: #fff !important;
      }
    
      /* When dropdown is open, keep it filled */
      .show .btn-outline-primary.dropdown-toggle {
        background-color: var(--bs-primary) !important;
        border-color: var(--bs-primary) !important;
        color: #fff !important;
      }

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

  /* Focus ring color */
  .form-check-input:focus {
    border-color: rgba(var(--bs-primary-rgb), 0.5) !important;
    box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
  }

  /* Disabled checked switches stay branded */
  .form-check-input:disabled:checked {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
  }