:root {
    --primary:       #0D1B2A;
    --primary-dark:  #0a1520;
    --bg-light:      #f0f4f8;
    --accent:        #5AC8FA;
    --muted:         #8A9BB0;
    --text-dark:     #1a2a3a;

    --logo-height: 70px;

    --pill-1-bg:     #0A84FF;
    --pill-1-color:  #fff;
    --pill-2-bg:     #5AC8FA;
    --pill-2-color:  #000;
    --pill-3-bg:     #8A9BB0;
    --pill-3-color:  #fff;

    /* Bootstrap overrides */
    --bs-body-bg:    #f0f4f8;
    --bs-body-color: #1a2a3a;
}

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