/* ===================== */
/* Root Variables        */
/* ===================== */
:root {
  /* Body */
  --bs-body-color: #333333;
  --bs-body-font-weight: 400;
  --bs-body-font-size: 1.1rem;
  --bs-body-font-family: 'Poppins', 'Noto Sans TC', sans-serif;

  /* Danger / Link */
  --bs-danger: #cc0900;
  --bs-danger-rgb: 204, 9, 0;

  --bs-link-color: var(--bs-danger);
  --bs-link-color-rgb: var(--bs-danger-rgb);
  --bs-link-hover-color: var(--bs-danger);
  --bs-link-hover-color-rgb: var(--bs-danger-rgb);
}

/* ===================== */
/* Typography            */
/* ===================== */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 700;
}

h6, .h6 {
  font-size: var(--bs-body-font-size);
}

.small, small {
  font-size: 0.8em;
}

/* ===================== */
/* Navbar                */
/* ===================== */
.navbar {
  --bs-navbar-brand-font-size: 1.5rem;
}

.navbar-brand {
  font-weight: 900;
}

.navbar-nav {
  --bs-nav-link-font-weight: 900;
}

.nav-link:hover {
  background-color: #efefef; /* 官方灰色背景範例 */
  border-radius: 0.25rem;
}

/* ===================== */
/* Pagination            */
/* ===================== */
.pagination {
  --bs-pagination-active-bg: var(--bs-danger);
  --bs-pagination-active-border-color: var(--bs-danger);
  --bs-pagination-border-width: 0;
  --bs-pagination-disabled-bg: transparent;
}

/* ===================== */
/* Form                  */
/* ===================== */
.form-check {
  margin-right: .5rem;
}

.form-check-label {
  margin-left: -.25rem;
}

.form-check-input:checked {
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}

/* ===================== */
/* Table                 */
/* ===================== */
.table-danger-deep {
  --bs-table-bg: var(--bs-danger);
  --bs-table-color: #fff;
}

/* ===================== */
/* Badge                 */
/* ===================== */
.badge {
  --bs-badge-border-radius: 0;
  --bs-badge-font-size: .65em;
  vertical-align: middle;
}