:root {
    --primary-color: #4549B6;
  }
  
  .btn-primary,
  .btn-primary:hover,
  .btn-primary:active,
  .btn-primary:focus,
  .btn-primary:disabled,
  .btn-primary:not(:disabled):not(.disabled):active {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
  }

  /* Mengubah warna latar belakang dari elemen .bg-primary */
.bg-primary {
    background-color: var(--primary-color) !important; /* Gunakan !important jika diperlukan */
    color: #fff; /* Warna teks menjadi putih agar terlihat dengan baik di latar belakang warna utama */
  }
  
  
  /* mengubah warna text button */
  .btn-primary {
    color: #fff;
  }

/* Mengubah warna border dan teks tombol .btn-outline-primary */
.btn-outline-primary {
    color: var(--primary-color);
    border-color: var(--primary-color);
  }
  
  /* Mengubah warna teks tombol .btn-outline-primary ketika dihover */
  .btn-outline-primary:hover {
    background-color: var(--primary-color);
    color: #fff; /* Warna teks menjadi putih ketika dihover */
  }
  

  /* Mengubah warna border untuk kelas .border-primary */
.border-primary {
    border-color: var(--primary-color) !important; /* Gunakan !important jika diperlukan */
  }
  
  /* Mengubah warna teks untuk kelas .text-primary */
  .text-primary {
    color: var(--primary-color) !important; /* Gunakan !important jika diperlukan */
  }