/* Yogasphere CI: the primary colour of the userdashboard app (--ci-primary) replaces the Bootstrap blue. */
:root {
  --ci-primary: #e5007e;
  --ci-primary-dark: #b80065;
  --ci-primary-darker: #9c0056;
  --bs-primary: #e5007e;
  --bs-primary-rgb: 229, 0, 126;
  --bs-primary-text-emphasis: #5c0032;
  --bs-primary-bg-subtle: #fde0ef;
  --bs-primary-border-subtle: #f7a3cf;
  --bs-link-color: #e5007e;
  --bs-link-color-rgb: 229, 0, 126;
  --bs-link-hover-color: #b80065;
  --bs-link-hover-color-rgb: 184, 0, 101;
  --bs-focus-ring-color: rgba(229, 0, 126, .25);
}

.btn-primary {
  --bs-btn-bg: #e5007e;
  --bs-btn-border-color: #e5007e;
  --bs-btn-hover-bg: #c4006b;
  --bs-btn-hover-border-color: #b80065;
  --bs-btn-focus-shadow-rgb: 229, 0, 126;
  --bs-btn-active-bg: #b80065;
  --bs-btn-active-border-color: #a8005c;
  --bs-btn-disabled-bg: #e5007e;
  --bs-btn-disabled-border-color: #e5007e;
}

.btn-outline-primary {
  --bs-btn-color: #e5007e;
  --bs-btn-border-color: #e5007e;
  --bs-btn-hover-bg: #e5007e;
  --bs-btn-hover-border-color: #e5007e;
  --bs-btn-focus-shadow-rgb: 229, 0, 126;
  --bs-btn-active-bg: #e5007e;
  --bs-btn-active-border-color: #e5007e;
  --bs-btn-disabled-color: #e5007e;
  --bs-btn-disabled-border-color: #e5007e;
}

.btn-link {
  --bs-btn-color: #e5007e;
  --bs-btn-hover-color: #b80065;
  --bs-btn-active-color: #b80065;
}

.form-control:focus,
.form-select:focus {
  border-color: #f280be;
  box-shadow: 0 0 0 .25rem rgba(229, 0, 126, .25);
}

.form-check-input:checked,
.form-check-input[type="checkbox"]:indeterminate {
  background-color: #e5007e;
  border-color: #e5007e;
}
.form-check-input:focus {
  border-color: #f280be;
  box-shadow: 0 0 0 .25rem rgba(229, 0, 126, .25);
}
.form-switch .form-check-input:focus:not(:checked) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23f280be'/%3e%3c/svg%3e");
}

.dropdown-menu { --bs-dropdown-link-active-bg: #e5007e; }
.nav { --bs-nav-link-color: #e5007e; --bs-nav-link-hover-color: #b80065; }
.nav-pills { --bs-nav-pills-link-active-bg: #e5007e; }
.list-group { --bs-list-group-active-bg: #e5007e; --bs-list-group-active-border-color: #e5007e; }
.pagination {
  --bs-pagination-color: #e5007e;
  --bs-pagination-hover-color: #b80065;
  --bs-pagination-active-bg: #e5007e;
  --bs-pagination-active-border-color: #e5007e;
  --bs-pagination-focus-color: #b80065;
  --bs-pagination-focus-box-shadow: 0 0 0 .25rem rgba(229, 0, 126, .25);
}
.progress { --bs-progress-bar-bg: #e5007e; }