/* 自訂顏色 class */

/* 例如 Bootstrap 本來沒有的 purple */
.bg-purple {
  background-color: #6f42c1 !important;
}
.text-purple {
  color: #6f42c1 !important;
}

/* teal 青綠色 */
.bg-teal {
  background-color: #20c997 !important;
}
.text-teal {
  color: #20c997 !important;
}

/* orange */
.bg-orange {
  background-color: #fd7e14 !important;
}
.text-orange {
  color: #fd7e14 !important;
}

/* 灰黑色 (bootstrap 有 bg-dark，但這裡給你另一個深灰色) */
.bg-gray-dark {
  background-color: #343a40 !important;
}
.text-gray-dark {
  color: #343a40 !important;
}

.bg-pink {
  background-color: #d63384 !important;
}
.text-pink {
  color: #d63384 !important;
}

.bg-indigo {
  background-color: #6610f2 !important;
}
.text-indigo {
  color: #6610f2 !important;
}