:root {
    --keycloak-logo-url: url('../img/falcon-logo.png');
    --keycloak-logo-height: 80px;
    --keycloak-logo-width: 300px;
    --keycloak-card-top-color: #FFDE5A;
    --netbeam-yellow: #FFDE5A;
    --netbeam-yellow-hover: #F5CF3A;
    --netbeam-ink: #1D1D1B;
    --netbeam-link-on-light: #7A6000;
}

.login-pf body,
body#keycloak-bg {
    background: radial-gradient(ellipse at top, #2A2D33 0%, #17191D 55%, #0F1012 100%) fixed;
}

#kc-header-wrapper {
    margin-bottom: 8px;
}

.pf-v5-c-button.pf-m-primary {
    --pf-v5-c-button--m-primary--BackgroundColor: var(--netbeam-yellow);
    --pf-v5-c-button--m-primary--Color: var(--netbeam-ink);
    --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--netbeam-yellow-hover);
    --pf-v5-c-button--m-primary--hover--Color: var(--netbeam-ink);
    --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--netbeam-yellow-hover);
    --pf-v5-c-button--m-primary--focus--Color: var(--netbeam-ink);
    --pf-v5-c-button--m-primary--active--BackgroundColor: var(--netbeam-yellow-hover);
    --pf-v5-c-button--m-primary--active--Color: var(--netbeam-ink);
}

.pf-v5-c-login__main a:not(.pf-v5-c-button) {
    color: var(--netbeam-link-on-light);
}
.pf-v5-theme-dark .pf-v5-c-login__main a:not(.pf-v5-c-button) {
    color: var(--netbeam-yellow);
}

.pf-v5-c-form-control:focus-within {
    --pf-v5-c-form-control--after--BorderBottomColor: var(--netbeam-yellow);
}