:root,
[data-bs-theme='light'] {
    --background-color: #FBFBFB;

    --bs-primary: #5076c3;
    --bs-primary-rgb: 80, 118, 195;
    --bs-primary-hover: #567fd1;
    --bs-primary-active: #4e71b8;
    --bs-primary-disabled: #819cd3;

    --bs-secondary-bg: #fbfbfb;
    --bs-secondary-bg-rgb: 251, 251, 251;

    --bs-success: #198754;
    --bs-success-rgb: 25, 135, 84;

    --bs-info: #0dcaf0;
    --bs-info-rgb: 13, 202, 240;

    --bs-warning: #f1b44c;
    --bs-warning-rgb: 243, 156, 18;

    --bs-danger: #dc3545;
    --bs-danger-rgb: 220, 53, 69;

    --bs-white: #ffffff;
    --bs-black: #000000;

    --bs-body-bg: #ffffff;
    --bs-body-color: #333333;
    --bs-body-color-rgb: 51, 51, 51;

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

    --bs-border-color: #dddddd;
    --bs-border-color-translucent: var(--bs-border-color);

    --bs-breadcrumb-font-size: 0.75rem;
    --bs-breadcrumb-color: var(--bs-body-color);
    --bs-breadcrumb-active-color: var(--bs-primary);
    --bs-breadcrumb-divider-color: var(--bs-border-color);
    --bs-breadcrumb-divider: '/';
    --bs-breadcrumb-divider-opacity: 1;
    --bs-breadcrumb-item-padding-x: 0.5rem;

    --bs-border-radius: 2px;
    --bs-border-radius-sm: 2px;
}

body {
  background-color: var(--background-color);
}

kbd {
  color: var(--bs-secondary-color);
  background-color: var(--bs-border-color);
}

.g-4 {
  --bs-gutter-x: 2rem;
}

.pagination {
  --bs-pagination-active-bg: var(--bs-primary);
  --bs-pagination-active-border-color: var(--bs-primary);
}

.accordion-button {
  --bs-accordion-active-bg: var(--bs-body-bg);
  --bs-accordion-btn-icon-width: 0.875rem;
  --bs-accordion-btn-icon-height: 0.875rem;
}

.btn-primary {
    --bs-btn-color: var(--bs-white);
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary-hover);
    --bs-btn-hover-border-color: var(--bs-primary-hover);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-disabled-color: var(--bs-white);
    --bs-btn-disabled-bg: var(--bs-primary-disabled);
    --bs-btn-disabled-border-color: var(--bs-primary-disabled);
}

.btn-outline-primary {
    --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-white);
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-active-color: var(--bs-white);
    --bs-btn-active-bg: var(--bs-primary-active);
    --bs-btn-active-border-color: var(--bs-primary-active);
    --bs-btn-focus-shadow-rgb: var(--bs-primary-rgb);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary-disabled);
}

.form-control:focus,
.form-select:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb),.25);
}

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