:root {
  --primary-color: #7F1084;
  --secondary-color: #6c757d;
  --success-color: #28a745;
  --info-color: #17a2b8;
  --warning-color: #ffc107;
  --danger-color: #dc3545;
  --light-color: #aaa;
  --dark-color: #343a40;
  --text-color: #797979;
  --text-title-color: #393939;
}

body {
  color: var(--text-color);
}

.text-default {
  color: var(--text-color);
}

.text-primary{
  color: var(--primary-color);
}

.table {
  --bs-table-color: initial;
}

.text-title {
  color: var(--text-title-color);
}

.form-select{
  color: var(--text-color) !important;
}

.btn-outline-primary {
  --bs-btn-color: #797979;
  --bs-btn-border-color: #7F1084;
  --bs-btn-hover-color: #797979;
  --bs-btn-hover-bg: #D3C1DC;
  --bs-btn-hover-border-color: #7F1084;
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #7F1084;
  --bs-btn-active-border-color: #7F1084;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #7F1084;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #7F1084;
  --bs-gradient: none;
  color: var(--primary-color);
}

.btn-non-outline-primary {
  color: var(--primary-color);
  font-weight: 600;
}

.btn-primary {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
  color: #FFF;
}

.btn-primary.disabled {
  background-color: #D9D9D9 !important;
  border-color: #D9D9D9 !important;
  color: #FFF !important;
}

.btn-third {
  background-color: #fff7ce;
  border-color: #E3B075;
  color: #393939;
  border-radius: 20px;
}

.btn-third:hover {
  background-color: #E3B075;  /* 當滑鼠懸停時的背景顏色 */
  color: #393939;
}

.btn-five {
  background-color: #3E71F1;
  border-radius: 20px;
  color: #fff;
  border: 0px;
}

.btn-mail {
  background-color: #FFEFEF;
  color: #D50000;
  border-radius: 20px;
}

.btn-mail:hover {
  background-color: #FFD6D6;
  color: #B00000;
  transform: translateY(1px);
}

.btn-outline-fourth {
  border-color: #3461A6;
  color: #3461A6;
  border-radius: 20px;
}

.btn-outline-fourth:hover {
  background-color: #E6EEF8;  /* 淺藍色背景 */
  color: #284B82;  /* 深一點的藍色文字 */
  transform: translateY(1px);  /* 輕微下移效果 */
}

.btn-primary:active,
.btn.active {
  background-color: var(--primary-color) !important; /* 較深的紫色 */
  border-color: var(--primary-color);
  color: #FFF !important;
  transform: translateY(1px); /* 添加輕微的按下效果 */
}

.btn-outline-primary:active {
  background-color: #7F1084 !important;
  border-color: #7F1084 !important;
  color: #fff !important;
  transform: translateY(1px);
}

.btn-five:active {
  background-color: #3E71F1;
  border-radius: 20px;
  color: var(--primary-color);
}


.btn-outline-secondary {
  color: #393939;
  border-color: #393939;
  font-weight: 600;
  border-radius: 20px;
}

.btn-outline-secondary:hover {
  background-color: #E6EEF8;
  color: #393939 !important;
}

.btn-outline-secondary.active {
  color: var(--primary-color) !important;
  border-color: var(--primary-color);
  background-color: #fff !important;
  font-weight: 600;
  border-radius: 20px;
}

.btn-primary:hover {
  background-color: #D3C1DC;
  border-color: darken(var(--primary-color), 10%);
  color: #797979;
}

.btn-five:hover {
  background-color: #3461A6;
  border-radius: 20px;
  color: #fff;
}

.text-primary {
  color: var(--primary-color) !important;
}

.border-primary {
  border-color: var(--primary-color) !important;
}

.btn-outline-add-favorites-btn{
  color: var(--primary-color) !important;
  border-color: var(--primary-color);
  background-color: #fff !important;
  font-weight: 600;
  border-radius: 20px;
}

::placeholder {
  color: var(--text-color) !important;
  opacity: 1;
}

:-ms-input-placeholder {
  color: var(--text-color) !important;
}

::-ms-input-placeholder {
  color: var(--text-color) !important;
}

.bg-untest {
  background-color: #E46A6A;
}