<style>
  :root {
    --purple-color: #7d29cc;
  }

  /* Warna teks utama */
  body, .nav-link, h1, h2, h3, h4, h5, h6, p, span {
    color: #333;
  }

  /* Tombol utama */
  .btn-purple {
    background-color: var(--purple-color) !important;
    border-color: var(--purple-color) !important;
    color: #fff !important;
  }

  .btn-purple:hover {
    background-color: #9b4be8 !important; /* sedikit lebih terang saat hover */
    border-color: #9b4be8 !important;
  }

  /* Warna link aktif & hover */
  .nav-link.active, .nav-link:hover {
    color: var(--purple-color) !important;
    font-weight: 600;
  }

  /* Warna untuk heading / accent text */
  .text-purple {
    color: var(--purple-color) !important;
  }

  /* Tombol kecil atau border-only */
  .btn-outline-purple {
    color: var(--purple-color) !important;
    border-color: var(--purple-color) !important;
  }

  .btn-outline-purple:hover {
    background-color: var(--purple-color) !important;
    color: #fff !important;
  }
</style>
