:root {
    --primary:       #796654;
    --primary-dark:  #6a5748;
    --bg-light:      #fdf8f2;
    --accent:        #e7d5be;
    --muted:         #828282;
    --text-dark:     #454545;

    --logo-height: 56px;

    --pill-1-bg:     #fdf8f2;
    --pill-1-color:  #000;
    --pill-2-bg:     #e7d5be;
    --pill-2-color:  #000;
    --pill-3-bg:     #828282;
    --pill-3-color:  #fff;

    /* Bootstrap overrides */
    --bs-body-bg:    #fdf8f2;
    --bs-body-color: #454545;
}

body {
    background: var(--bg-light);
    font-family: 'Syne', sans-serif;
    color: var(--text-dark);
}

.btn:hover {
    transition: 0.25s all;
    transform: translateY(-2px);
}

.bg-primary {
    background: var(--primary) !important;
}

.btn-primary {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-secondary {
    background: #e6e6e6 !important;
    border-color: #e6e6e6 !important;
    color: #000 !important;
}

.formsImg {
    background-position: center !important;
}