:root {
  --beo-primary-hover: color-mix(in srgb, var(--beo-primary) 80%, black);
  --beo-primary-active: color-mix(in srgb, var(--beo-primary) 65%, black);
  --beo-primary-focus: color-mix(in srgb, var(--beo-primary) 55%, white);
  --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);
}

.btn-primary {
  --beo-btn-color: var(--beo-white);
  --beo-btn-bg: 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);
  --beo-btn-active-color: var(--beo-white);
  --beo-btn-active-bg: var(--beo-primary-active);
  --beo-btn-active-border-color: var(--beo-primary-active);
  --beo-btn-focus-shadow-rgb: var(--beo-primary-rgb);
  --beo-btn-focus-box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--beo-primary-focus) 55%, transparent);
  --beo-btn-disabled-color: var(--beo-white);
  --beo-btn-disabled-bg: var(--beo-primary);
  --beo-btn-disabled-border-color: var(--beo-primary);
  --beo-btn-disabled-opacity: 0.5;
}

.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);
  --beo-btn-active-color: var(--beo-white);
  --beo-btn-active-bg: var(--beo-primary);
  --beo-btn-active-border-color: var(--beo-primary);
  --beo-btn-focus-shadow-rgb: var(--beo-primary-rgb);
  --beo-btn-focus-box-shadow: 0 0 0 0.25rem color-mix(in srgb, var(--beo-primary-focus) 55%, transparent);
  --beo-btn-disabled-color: var(--beo-primary);
  --beo-btn-disabled-bg: var(--beo-white);
  --beo-btn-disabled-border-color: var(--beo-primary);
  --beo-btn-disabled-opacity: 0.5;
}

.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: var(--beo-btn-focus-box-shadow);
}

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