.bg-secondary {
    background-color: rgba(109, 86, 70, 0.31) !important;
}
.text-primary {
    color: #536b9d !important;
}
.bg-hero {
    background: linear-gradient(176deg, #AD8666, #7D6656, #6D5646);
}
.btn:hover {
    color: var(--ar-btn-hover-color);
    background-color: var(--ar-btn-hover-bg);
    border-color: var(--ar-btn-hover-border-color);
}

.btn-primary {
    --ar-color-white: #fff;
    --ar-color-primary: #536b9d;
    --ar-color-primary-darker: #334261;
    /* Button variables using base colors */
    --ar-btn-color: var(--ar-color-white);
    --ar-btn-bg: var(--ar-color-primary);
    --ar-btn-border-color: var(--ar-color-primary);
    --ar-btn-hover-color: var(--ar-color-white);
    --ar-btn-hover-bg: var(--ar-color-primary-darker);
    --ar-btn-hover-border-color: var(--ar-color-primary-darker);
}

.btn-outline-primary {
    --ar-btn-color: #536b9d;
    --ar-btn-border-color: #536b9d;
    --ar-btn-hover-color: #fff;
    --ar-btn-hover-bg: #536b9d;
    --ar-btn-hover-border-color: #536b9d;
    --ar-btn-focus-shadow-rgb: 68, 140, 116;
    --ar-btn-active-color: #fff;
    --ar-btn-active-bg: #536b9d;
    --ar-btn-active-border-color: #536b9d;
}

.steps {
    --ar-primary: #536b9d !important;
    --ar-primary-rgb: rgb(83, 107, 157) !important;
    --ar-steps-active-number-bg: rgba(83, 107, 157, 0.1);
    --ar-steps-active-number-inner-bg: var(--ar-primary);
    --ar-steps-active-number-color: #fff;
}