/* === PRIMARY ALTERNATIVE === */
.btn-primary-alternative {
    color: #1d4ed8;
    background-color: #dbeafe;
    border-color: #bfdbfe;
  }
  .btn-primary-alternative:hover {
    background-color: #c7d2fe;
    border-color: #a5b4fc;
  }
  .btn-primary-alternative:focus,
  .btn-check:focus + .btn-primary-alternative {
    box-shadow: 0 0 0 0.25rem rgba(59, 130, 246, 0.3);
  }
  .btn-primary-alternative:disabled,
  .btn-primary-alternative.disabled {
    background-color: #e0e7ff;
    border-color: #e0e7ff;
    color: #9ca3af;
  }
  
  /* === SECONDARY ALTERNATIVE === */
  .btn-secondary-alternative {
    color: #7c3aed;
    background-color: #f3e8ff;
    border-color: #e9d5ff;
  }
  .btn-secondary-alternative:hover {
    background-color: #e9d5ff;
    border-color: #d8b4fe;
  }
  .btn-secondary-alternative:focus,
  .btn-check:focus + .btn-secondary-alternative {
    box-shadow: 0 0 0 0.25rem rgba(168, 85, 247, 0.3);
  }
  .btn-secondary-alternative:disabled,
  .btn-secondary-alternative.disabled {
    background-color: #f5ebff;
    border-color: #f5ebff;
    color: #9ca3af;
  }
  
  /* === SUCCESS ALTERNATIVE === */
  .btn-success-alternative {
    color: #15803d;
    background-color: #dcfce7;
    border-color: #bbf7d0;
  }
  .btn-success-alternative:hover {
    background-color: #bbf7d0;
    border-color: #86efac;
  }
  .btn-success-alternative:focus,
  .btn-check:focus + .btn-success-alternative {
    box-shadow: 0 0 0 0.25rem rgba(34, 197, 94, 0.3);
  }
  .btn-success-alternative:disabled,
  .btn-success-alternative.disabled {
    background-color: #e7f9ef;
    border-color: #e7f9ef;
    color: #9ca3af;
  }
  
  /* === INFO ALTERNATIVE === */
  .btn-info-alternative {
    color: #0284c7;
    background-color: #e0f2fe;
    border-color: #bae6fd;
  }
  .btn-info-alternative:hover {
    background-color: #bae6fd;
    border-color: #7dd3fc;
  }
  .btn-info-alternative:focus,
  .btn-check:focus + .btn-info-alternative {
    box-shadow: 0 0 0 0.25rem rgba(14, 165, 233, 0.3);
  }
  .btn-info-alternative:disabled,
  .btn-info-alternative.disabled {
    background-color: #e0f2fe;
    border-color: #e0f2fe;
    color: #9ca3af;
  }
  
  /* === WARNING ALTERNATIVE === */
  .btn-warning-alternative {
    color: #b45309;
    background-color: #fef3c7;
    border-color: #fde68a;
  }
  .btn-warning-alternative:hover {
    background-color: #fde68a;
    border-color: #fcd34d;
  }
  .btn-warning-alternative:focus,
  .btn-check:focus + .btn-warning-alternative {
    box-shadow: 0 0 0 0.25rem rgba(251, 191, 36, 0.3);
  }
  .btn-warning-alternative:disabled,
  .btn-warning-alternative.disabled {
    background-color: #fff9db;
    border-color: #fff9db;
    color: #9ca3af;
  }
  
  /* === DANGER ALTERNATIVE === */
  .btn-danger-alternative {
    color: #b91c1c;
    background-color: #fee2e2;
    border-color: #fecaca;
  }
  .btn-danger-alternative:hover {
    background-color: #fecaca;
    border-color: #fca5a5;
  }
  .btn-danger-alternative:focus,
  .btn-check:focus + .btn-danger-alternative {
    box-shadow: 0 0 0 0.25rem rgba(248, 113, 113, 0.3);
  }
  .btn-danger-alternative:disabled,
  .btn-danger-alternative.disabled {
    background-color: #fef2f2;
    border-color: #fef2f2;
    color: #9ca3af;
  }
  
  /* === DARK ALTERNATIVE === */
  .btn-dark-alternative {
    color: #1f2937;
    background-color: #e5e7eb;
    border-color: #d1d5db;
  }
  .btn-dark-alternative:hover {
    background-color: #d1d5db;
    border-color: #9ca3af;
  }
  .btn-dark-alternative:focus,
  .btn-check:focus + .btn-dark-alternative {
    box-shadow: 0 0 0 0.25rem rgba(75, 85, 99, 0.3);
  }
  .btn-dark-alternative:disabled,
  .btn-dark-alternative.disabled {
    background-color: #f1f5f9;
    border-color: #f1f5f9;
    color: #9ca3af;
  }
  
 /* === PRIMARY OUTLINED-FILLED === */
.btn-primary-outlined-filled {
    color: #0d6efd;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-primary-outlined-filled:hover {
    background-color: #dbeafe;
    border-color: #bfdbfe;
    color: #0d6efd; /* Keep text color same as non-hover */
  }
  
  /* === SECONDARY OUTLINED-FILLED === */
  .btn-secondary-outlined-filled {
    color: #a855f7;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-secondary-outlined-filled:hover {
    background-color: #f3e8ff;
    border-color: #e9d5ff;
    color: #a855f7; /* Keep text color same as non-hover */
  }
  
  /* === SUCCESS OUTLINED-FILLED === */
  .btn-success-outlined-filled {
    color: #22c55e;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-success-outlined-filled:hover {
    background-color: #dcfce7;
    border-color: #bbf7d0;
    color: #22c55e; /* Keep text color same as non-hover */
  }
  
  /* === INFO OUTLINED-FILLED === */
  .btn-info-outlined-filled {
    color: #0ea5e9;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-info-outlined-filled:hover {
    background-color: #e0f2fe;
    border-color: #bae6fd;
    color: #0ea5e9; /* Keep text color same as non-hover */
  }
  
  /* === WARNING OUTLINED-FILLED === */
  .btn-warning-outlined-filled {
    color: #f97316;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-warning-outlined-filled:hover {
    background-color: #fef3c7;
    border-color: #fde68a;
    color: #f97316; /* Keep text color same as non-hover */
  }
  
  /* === DANGER OUTLINED-FILLED === */
  .btn-danger-outlined-filled {
    color: #dc3545;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-danger-outlined-filled:hover {
    background-color: #fee2e2;
    border-color: #fecaca;
    color: #dc3545; /* Keep text color same as non-hover */
  }
  
  /* === DARK OUTLINED-FILLED === */
  .btn-dark-outlined-filled {
    color: #212529;
    background-color: #ffffff;
    border: 1px solid #e5e7eb;
  }
  .btn-dark-outlined-filled:hover {
    background-color: #e5e7eb;
    border-color: #d1d5db;
    color: #212529; /* Keep text color same as non-hover */
  }
  
  .navbar-nav .nav-link.active {
    font-weight: bold;
  }