:root {
  --primary-very-light: #eeeefb;
  --primary-light: #c0c3f8;
  --primary: #3341c2;
  --primary-medium: #222d96;
  --primary-dark: #1c2575;
  --danger-very-light: #fbe9e8;
  --danger-light: #f8d2d1;
  --danger: #D32F2F;
  --danger-medium: #c31a14;
  --danger-dark: #a6140f;
  --success-very-light: #e6f3ee;
  --success-light: #cce7dd;
  --success: #008756;
  --success-medium: #007c4f;
  --success-dark: #006742;
  --warning-very-light: #faf2e9;
  --warning-light: #f5e5d4;
  --warning: #f8bc3b;
  --warning-medium: #ecaf28;
  --warning-dark: #9d6d00;
  --black: #1a1817;
  --white: #ffffff;
  --gray-01: #f7f7f7;
  --gray-02: #f2f2f2;
  --gray-06: #e8e8e8;
  --gray-10: #dddddd;
  --gray-25: #b9b9b9;
  --gray-45: #878787;
  --gray-65: #565656;
  --gray-85: #242424;
  --font-family: "Noto Sans TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
  --title-font-family: "Noto Sans TC", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", sans-serif;
}

.card-primary {
  --lte-card-variant-bg: var(--primary-light);
  --lte-card-variant-color: #212529; /* 深色字體，提升可讀性 */
}

.card-info {
  --lte-card-variant-bg: var(--primary);
  --lte-card-variant-color: #fff; /* 白色字體，提升可讀性 */
}

.card-warning {
  --lte-card-variant-bg: var(--primary-medium);
  --lte-card-variant-color: #fff; /* 白色字體，提升可讀性 */
}

.card-success {
  --lte-card-variant-bg: var(--primary-dark);
  --lte-card-variant-color: #fff; /* 白色字體，提升可讀性 */
}

.card-danger {
  --lte-card-variant-bg: var(--primary-very-light);
  --lte-card-variant-color: #212529; /* 深色字體，提升可讀性 */
}

.card-secondary {
  --lte-card-variant-bg: var(--primary-medium);
  --lte-card-variant-color: #fff; /* 白色字體，提升可讀性 */
}

.card-light {
  --lte-card-variant-bg: var(--primary-very-light);
  --lte-card-variant-color: #212529;
}

.card-dark {
  --lte-card-variant-bg: var(--primary-dark);
  --lte-card-variant-color: #fff;
}

.list-group-item-primary {
  background-color: var(--primary-light);
  color: #212529; /* 深色字體，提升可讀性 */
}

.list-group-item-info {
  background-color: var(--primary);
  color: #fff; /* 白色字體，提升可讀性 */
}

.list-group-item-warning {
  background-color: var(--primary-medium);
  color: #fff; /* 白色字體，提升可讀性 */
}

.list-group-item-success {
  background-color: var(--primary-dark);
  color: #fff; /* 白色字體，提升可讀性 */
}

.list-group-item-danger {
  background-color: var(--primary-very-light);
  color: #212529; /* 深色字體，提升可讀性 */
}

.list-group-item-secondary {
  background-color: var(--primary-medium);
  color: #fff; /* 白色字體，提升可讀性 */
}

.list-group-item-light {
  background-color: var(--primary-very-light);
  color: #212529;
}

.list-group-item-dark {
  background-color: var(--primary-dark);
  color: #fff;
}

.list-group-item.active {
  background-color: var(--primary);
  color: #fff; /* 白色字體，提升可讀性 */
}

/*.btn-primary {*/
/*  background-color: var(--primary-light);*/
/*  color: #212529; !* 深色字體，提升可讀性 *!*/
/*  border-color: var(--primary-light);*/
/*}*/

/*.btn-info {*/
/*  background-color: var(--primary);*/
/*  color: #fff; !* 白色字體，提升可讀性 *!*/
/*  border-color: var(--primary);*/
/*}*/

/*.btn-warning {*/
/*  background-color: var(--primary-medium);*/
/*  color: #fff; !* 白色字體，提升可讀性 *!*/
/*  border-color: var(--primary-medium);*/
/*}*/

/*.btn-success {*/
/*  background-color: var(--primary-dark);*/
/*  color: #fff; !* 白色字體，提升可讀性 *!*/
/*  border-color: var(--primary-dark);*/
/*}*/

/*.btn-danger {*/
/*  background-color: var(--primary-very-light);*/
/*  color: #212529; !* 深色字體，提升可讀性 *!*/
/*  border-color: var(--primary-very-light);*/
/*}*/

/*.btn-secondary {*/
/*  background-color: var(--primary-medium);*/
/*  color: #fff; !* 白色字體，提升可讀性 *!*/
/*  border-color: var(--primary-medium);*/
/*}*/

/*.btn-light {*/
/*  background-color: var(--primary-very-light);*/
/*  color: #212529;*/
/*  border-color: var(--primary-very-light);*/
/*}*/

/*.btn-dark {*/
/*  background-color: var(--primary-dark);*/
/*  color: #fff;*/
/*  border-color: var(--primary-dark);*/
/*}*/

.pagination .page-link {
  background-color: var(--primary-very-light);
  color: var(--primary);
  border-color: var(--primary-light);
}
.pagination .page-item.active .page-link {
  background-color: var(--primary);
  color: #fff;
  border-color: var(--primary);
}
.pagination .page-item.disabled .page-link {
  background-color: var(--gray-02);
  color: var(--gray-45);
  border-color: var(--gray-10);
}
.pagination .page-link:hover,
.pagination .page-link:focus,
.pagination .page-link:active {
  background-color: var(--primary-medium);
  color: #fff;
  border-color: var(--primary-medium);
}