:root {
    --beo-body-bg: #fff;
    --beo-body-color: #333;
    --beo-primary: #0c225a;
    --beo-primary-hover: #0B1F52;
    --beo-light: #f8f9fa;
    --beo-dark: #272727
}

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

.text-primary {
    color: #0c225a !important
}

.bg-primary {
    background-color: #0c225a !important
}

.text-primary-hover {
    color: #0B1F52 !important
}

.bg-primary-hover {
    background-color: #0B1F52 !important
}

.text-light {
    color: #f8f9fa !important
}

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

.text-dark {
    color: #272727 !important
}

.bg-dark {
    background-color: #0B1F52 !important

}

.btn-primary {
    --beo-btn-bg: #0c225a;
    --beo-btn-border-color: #0c225a;
    --beo-btn-hover-bg: #0B1F52;
    --beo-btn-hover-border-color: #0B1F52
}

.btn-outline-primary,
.btn-outline-primary:focus {
    --beo-btn-color: #0c225a;
    --beo-btn-border-color: #0c225a;
    --beo-btn-hover-color: #fff;
    --beo-btn-hover-bg: #0B1F52;
    --beo-btn-hover-border-color: #0B1F52
}

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