:root {
  --beo-body-bg: #ffffff;
  --beo-body-color: #333333;
  --beo-primary: #fbb117;
  --beo-primary-hover: #fe69e0f;
  --beo-light: #f7f8fa;
  --beo-dark: #7a4e00;
}

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

.text-primary {
  color: #fbb117 !important;
}

.bg-primary {
  background-color: #fbb117 !important;
}

.text-primary-hover {
  color: #fe69e0f !important;
}

.bg-primary-hover {
  background-color: #fe69e0f !important;
}

.text-light {
  color: #f7f8fa !important;
}

.bg-light {
  background-color: #f7f8fa !important;
}

.text-dark {
  color: #7a4e00 !important;
}

.bg-dark {
  background-color: #7a4e00 !important;
}

.btn-primary {
  --beo-btn-bg: #fbb117;
  --beo-btn-border-color: #fbb117;
  --beo-btn-hover-bg: #fe69e0f;
  --beo-btn-hover-border-color: #fe69e0f;
}

.btn-outline-primary,
.btn-outline-primary:focus {
  --beo-btn-color: #fbb117;
  --beo-btn-border-color: #fbb117;
  --beo-btn-hover-color: #ffffff;
  --beo-btn-hover-bg: #fe69e0f;
  --beo-btn-hover-border-color: #fe69e0f;
}

.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);
}