body, [data-bs-theme=light] {
    --ccp-theme-primary: #571FFF;
    --ccp-theme-primary-rgb: 0, 158, 247;
    --ccp-theme-primary-active: #0095e8;
    --ccp-theme-primary-active-rgb: 0, 149, 232;
    --ccp-theme-primary-light: #f1faff;
    --ccp-theme-primary-darken-20: #005d91;
    --bs-primary: var(--ccp-theme-primary);
    --bs-primary-rgb: var(--ccp-theme-primary-rgb);
    --bs-link-color: var(--ccp-theme-primary);
    --bs-link-color-rgb: var(--ccp-theme-primary-rgb);
    --bs-link-hover-color: var(--ccp-theme-primary-active);
    --bs-link-hover-color-rgb: var(--ccp-theme-primary-active-rgb);
    --bs-primary: var(--ccp-theme-primary);
    --bs-primary-active: var(--ccp-theme-primary-active);
    --bs-primary-light: var(--ccp-theme-primary-light);
    --bs-primary-rgb: var(--ccp-theme-primary-rgb);
    --bs-text-primary: var(--ccp-theme-primary);
    --bs-component-active-bg: var(--ccp-theme-primary);
    --bs-component-hover-color: var(--ccp-theme-primary);
    --bs-component-checked-bg: var(--ccp-theme-primary);
    --bs-menu-link-color-hover: var(--ccp-theme-primary);
    --bs-menu-link-color-show: var(--ccp-theme-primary);
    --bs-menu-link-color-here: var(--ccp-theme-primary);
    --bs-menu-link-color-active: var(--ccp-theme-primary);
    --bs-ribbon-label-bg: var(--ccp-theme-primary);
    --bs-ribbon-label-border-color: var(--ccp-theme-primary-darken-20);
    --bs-scrolltop-bg-color: var(--ccp-theme-primary);
    --bs-scrolltop-bg-color-hover: var(--ccp-theme-primary);
    /* plugins.bundle.css */
    --bs-prismjs-btn-color-hover: var(--ccp-theme-primary);
}

.table-primary {
  /* TODO: figure out how these values were calculated */
  --bs-table-bg: hsl(200, 92%, 90%);
  --bs-table-border-color: hsl(200, 45%, 81%);
  --bs-table-striped-bg: hsl(200, 61%, 85%);
  --bs-table-active-bg: hsl(200, 45%, 81%);
  --bs-table-hover-bg: hsl(200, 52%, 83%);
}

.form-check-input:checked {
  background-color: var(--ccp-theme-primary);
  border-color: var(--ccp-theme-primary);
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: var(--ccp-theme-primary);
  border-color: var(--ccp-theme-primary);
}

.form-range::-webkit-slider-thumb {
  background-color: var(--ccp-theme-primary);
}

.form-range::-webkit-slider-thumb:active {
  /* TODO: figure out how these values were calculated */
  background-color: hsl(201, 92%, 85%);
}

.form-range::-moz-range-thumb {
  background-color: var(--ccp-theme-primary);
}

.form-range::-moz-range-thumb:active {
  /* TODO: figure out how these values were calculated */
  background-color: hsl(201, 92%, 85%);
}

.nav-pills {
  --bs-nav-pills-link-active-bg: var(--ccp-theme-primary);
}

.progress,
.progress-stacked {
  --bs-progress-bar-bg: var(--ccp-theme-primary);
}

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

.link-primary {
  color: var(--ccp-theme-primary) !important;
}

.link-primary:hover, .link-primary:focus {
  /* TODO: figure out how these values were calculated */
  color: hsl(200, 92%, 58%) !important;
}

.separator.separator-content.border-primary::before, .separator.separator-content.border-primary::after {
  border-color: var(--ccp-theme-primary) !important;
}

.form-check.form-check-solid .form-check-input[type=checkbox]:indeterminate {
  background-color: var(--ccp-theme-primary);
}

[data-kt-sticky-landing-header=on] .landing-header .menu .menu-link.active {
  color: var(--ccp-theme-primary);
}

@media (max-width: 991.98px) {
  .landing-header .menu .menu-link.active {
    color: var(--ccp-theme-primary);
  }
}

table.dataTable.dtr-column.collapsed > tbody > tr.parent > th.dtr-control:before {
  background-color: var(--ccp-theme-primary);
}