:root{
    --primary-dark-400: #8D7A6B;
    --Primary-Light-Tones-600: #BA9466;
    --Primary-Dark-Tones-600: #705F4D;

}

body{
    background: #FFF !important;
}

.bg-primary-dark-400{
    background: var(--primary-dark-400);
}

.primary-dark-tones-600{
    color: var(--Primary-Dark-Tones-600);
}

.bg-overlay{
    background-color: #F4F2ED !important;
}

.shape>svg {
    fill: #FFFFFF !important;
}

.primary-btn{
    background: var(--Primary-Light-Tones-600);
    border: none;
    padding: 12px 12px;
    color: #FFF;
    border-radius: 8px;
    transition: all ease-in-out;
}

.primary-btn:hover{
    background: var(--primary-dark-400);
    color: #FFF;
}

.primary-btn:focus{
    background: var(--primary-dark-400);
    color: #EFEFEF;
}

.primary-btn:active{
    background: var(--primary-dark-400) !important;
    color: #EFEFEF !important;
}