:root {
    --primary:       #1A0A30;
    --primary-dark:  #120620;
    --bg-light:      #f5f0ff;
    --accent:        #9B6FD0;
    --muted:         #828282;
    --text-dark:     #2a1a40;

    --logo-height: 70px;

    --pill-1-bg:     #9B6FD0;
    --pill-1-color:  #fff;
    --pill-2-bg:     #E8D8FF;
    --pill-2-color:  #1A0A30;
    --pill-3-bg:     #C4820A;
    --pill-3-color:  #fff;

    /* Bootstrap overrides */
    --bs-body-bg:    #f5f0ff;
    --bs-body-color: #2a1a40;
}

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