/* Brand Color Variables */
:root {
    --brand-blue: #165dfb;
    --brand-blue-dark: #004ecc;
}

/* Primary Buttons on Login Page */
.btn-primary.btn-login,
.btn-primary.btn-forgot,
.btn-primary.btn-login-with-email-link,
.btn-primary.btn-reset-password {
    background-color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
    color: #ffffff !important;
}

.btn-primary.btn-login:hover,
.btn-primary.btn-forgot:hover,
.btn-primary.btn-login-with-email-link:hover,
.btn-primary.btn-reset-password:hover {
    background-color: var(--brand-blue-dark) !important;
    border-color: var(--brand-blue-dark) !important;
}

/* Links (Forgot Password, Back to Login, Sign up) */
.forgot-password-message a,
.sign-up-message a,
.page-card-actions p a {
    color: var(--brand-blue) !important;
}

.forgot-password-message a:hover,
.sign-up-message a:hover,
.page-card-actions p a:hover {
    color: var(--brand-blue-dark) !important;
    text-decoration: underline;
}

/* Login Options (like "Login with Email Link" if it's btn-default) */
.btn-login-option.btn-login-with-email-link {
    color: var(--brand-blue) !important;
    border-color: var(--brand-blue) !important;
}

.btn-login-option.btn-login-with-email-link:hover {
    color: var(--brand-blue-dark) !important;
    border-color: var(--brand-blue-dark) !important;
    background-color: #f0f4ff !important;
}