:root,
[data-bs-theme="light"] {
  --mstq-primary: #0071E3;   /*  #0071E3 */
  /* --mstq-primary: #1c1f44; */
  --mstq-primary-rgb: 0, 113, 227;
  --mstq-primary-hover: #005BB8;
  --mstq-primary-hover-rgb: 0, 91, 184;
  --mstq-secondary: #005BB8; /*  #5AC8FA */
  --mstq-secondary-rgb: 0, 113, 227; /*  90, 200, 250 */
  --mstq-secondary-hover: #41B4E7;

  --bs-primary: var(--mstq-primary);
  --bs-primary-rgb: var(--mstq-primary-rgb);
  --bs-secondary: var(--mstq-secondary);
  --bs-secondary-rgb: var(--mstq-secondary-rgb);
  --bs-link-color: var(--mstq-primary);
  --bs-link-color-rgb: var(--mstq-primary-rgb);
  --bs-link-hover-color: var(--mstq-primary-hover);
  --bs-link-hover-color-rgb: var(--mstq-primary-hover-rgb);
}

.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--mstq-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--mstq-secondary-rgb), var(--bs-text-opacity)) !important;
}

.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--mstq-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--mstq-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--mstq-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--mstq-secondary-rgb), var(--bs-border-opacity)) !important;
}

.btn-primary {
  --bs-btn-bg: var(--mstq-primary);
  --bs-btn-border-color: var(--mstq-primary);
  --bs-btn-hover-bg: var(--mstq-primary-hover);
  --bs-btn-hover-border-color: var(--mstq-primary-hover);
  --bs-btn-active-bg: var(--mstq-primary-hover);
  --bs-btn-active-border-color: var(--mstq-primary-hover);
  --bs-btn-disabled-bg: var(--mstq-primary);
  --bs-btn-disabled-border-color: var(--mstq-primary);
}

.mstq-blue-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 0.72rem 1.2rem;
  border: 1px solid var(--mstq-primary);
  border-radius: 999px;
  background: var(--mstq-primary);
  color: #ffffff;
  font-size: 0.9rem;
  font-weight: 300;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  box-shadow: none;
  transition: transform 0.18s ease, border-color 0.18s ease, background-color 0.18s ease;
}

.mstq-blue-btn:hover,
.mstq-blue-btn:focus {
  background: var(--mstq-secondary);
  border-color: var(--mstq-secondary);
  color: #ffffff;
  text-decoration: none;
  transform: translateY(-1px);
}

.mstq-blue-btn:disabled,
.mstq-blue-btn.disabled {
  background: var(--mstq-primary);
  border-color: var(--mstq-primary);
  color: #ffffff;
  opacity: 0.65;
  transform: none;
}

.btn-secondary {
  --bs-btn-bg: var(--mstq-secondary);
  --bs-btn-border-color: var(--mstq-secondary);
  --bs-btn-hover-bg: var(--mstq-secondary-hover);
  --bs-btn-hover-border-color: var(--mstq-secondary-hover);
  --bs-btn-active-bg: var(--mstq-secondary-hover);
  --bs-btn-active-border-color: var(--mstq-secondary-hover);
  --bs-btn-disabled-bg: var(--mstq-secondary);
  --bs-btn-disabled-border-color: var(--mstq-secondary);
}

.btn-outline-primary {
  --bs-btn-color: var(--mstq-primary);
  --bs-btn-border-color: var(--mstq-primary);
  --bs-btn-hover-bg: var(--mstq-primary);
  --bs-btn-hover-border-color: var(--mstq-primary);
  --bs-btn-active-bg: var(--mstq-primary);
  --bs-btn-active-border-color: var(--mstq-primary);
  --bs-btn-disabled-color: var(--mstq-primary);
  --bs-btn-disabled-border-color: var(--mstq-primary);
}

.btn-outline-secondary {
  --bs-btn-color: var(--mstq-secondary);
  --bs-btn-border-color: var(--mstq-secondary);
  --bs-btn-hover-bg: var(--mstq-secondary);
  --bs-btn-hover-border-color: var(--mstq-secondary);
  --bs-btn-active-bg: var(--mstq-secondary);
  --bs-btn-active-border-color: var(--mstq-secondary);
  --bs-btn-disabled-color: var(--mstq-secondary);
  --bs-btn-disabled-border-color: var(--mstq-secondary);
}

.dropdown-menu,
.nav-pills,
.pagination,
.progress,
.list-group {
  --bs-dropdown-link-active-bg: var(--mstq-primary);
  --bs-nav-pills-link-active-bg: var(--mstq-primary);
  --bs-pagination-active-bg: var(--mstq-primary);
  --bs-pagination-active-border-color: var(--mstq-primary);
  --bs-progress-bar-bg: var(--mstq-primary);
  --bs-list-group-active-bg: var(--mstq-primary);
  --bs-list-group-active-border-color: var(--mstq-primary);
}