:root {
    --branding-primary: #183d6c;
    --branding-primary-dark: #13325a;
    --branding-primary-darker: #0f2748;
    --branding-primary-light: #2a5a96;
    --branding-primary-muted: #6b85a8;
}

.momentum
.left-panel {
    background-image: url('/images/ForwardSpot/momentum/momentum-login-image.svg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 2rem;
    color: var(--branding-text-light);
}

.momentum
.tenant-logo {
    background-image: url(/images/forwardspot/forwardspot-tenant-logo.svg);
    background-repeat: no-repeat;
    background-position: left;
    background-size: contain;
    height: 60px;
    width: 100%;
}

    .momentum .login-logo {
        background-image: url('/images/forwardspot/momentum/momentum-logo.svg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        height: 100px;
        width: 100%;
    }


/* ===== Primary Button Branding ===== */
.momentum .btn-primary {
    --bs-btn-color: #fff;
    --bs-btn-bg: var(--branding-primary) !important;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--branding-primary-light);
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--branding-primary-dark) !important;
    --bs-btn-border-color: var(--branding-primary-dark);
    --bs-btn-hover-border-color: var(--branding-primary);
    --bs-btn-active-border-color: var(--branding-primary-darker);
    --bs-btn-disabled-bg: var(--branding-primary-muted);
    --bs-btn-disabled-color: #e0e0e0;
    --bs-btn-disabled-border-color: var(--branding-primary-muted);
    --bs-btn-focus-shadow-rgb: 24, 61, 108;
    --bs-btn-box-shadow: none;
}