:root {
  /* CORE COLORS */
  --mcj-blue-dark: #2F4F68;
  --mcj-blue: #3E6A8A;
  --mcj-blue-light: #7FA9C4;
  --mcj-gray-dark: #2E3133;
  --mcj-bg-light: #F4F4F4;
  /* TEXT */
  --mcj-text-primary: #2E3133;
  --mcj-text-secondary: #3E6A8A;
  /* LINKS */
  --mcj-link: #3E6A8A;
  --mcj-link-hover: #2F4F68;
  /* BUTTONS */
  --mcj-btn-primary-bg: #2F4F68;
  --mcj-btn-primary-hover: #3E6A8A;
  --mcj-btn-secondary-bg: #3E6A8A;
  --mcj-btn-secondary-hover: #7FA9C4;
  /* UI */
  --mcj-border: #D1D5D8;
  --mcj-card-bg: #FFFFFF;
  --mcj-section-muted: #E9EEF2;
  --beo-primary: var(--mcj-blue-dark);
  /* #41449f; */
  --beo-primary-hover: var(--mcj-blue);
  /* #696de4; */
  /* color-mix(in srgb, var(--beo-primary) 80%, black); */
  --beo-link-color: var(--beo-primary);
  --beo-link-color-rgb: var(--beo-primary-rgb);
  --beo-link-hover-color: var(--beo-primary-hover);
  --beo-link-hover-color-rgb: var(--beo-primary-hover);
  --beo-light: #f8f9fa;
  --beo-dark: var(--mcj-text-primary);
}

.btn-primary {
  --beo-btn-bg: var(--beo-primary);
  --beo-btn-border-color: var(--beo-primary);
  --beo-btn-hover-bg: var(--beo-primary-hover);
  --beo-btn-hover-border-color: var(--beo-primary-hover);
}

.btn-outline-primary,
.btn-outline-primary:focus {
  --beo-btn-color: var(--beo-primary);
  --beo-btn-border-color: var(--beo-primary);
  --beo-btn-hover-color: var(--beo-white);
  --beo-btn-hover-bg: var(--beo-primary-hover);
  --beo-btn-hover-border-color: var(--beo-primary-hover);
}

.btn-check:focus + .btn-primary,
.product--rendered-attribute .form-radio:focus + .btn-primary,
.btn-primary:focus,
.btn-primary:active:focus,
.btn-check:focus + .btn-outline-primary,
.product--rendered-attribute .form-radio:focus + .btn-outline-primary,
.btn-outline-primary:active:focus,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.1);
}

/*# sourceMappingURL=color.css.map */