:root {
    --aaf--color-main: rgb(157, 193, 7);
    --aaf--color-main--faded: rgb(198, 229, 68);
    --aaf--color-white: rgb(255, 255, 255);
    --aaf--color-beige: rgb(223, 213, 181);
    --aaf--color-beige--faded: rgb(242, 237, 222);
    --aaf--color-black: rgb(30, 30, 30);
    --aaf--color-black--faded: rgb(71, 71, 71);
    --aaf--color-dynamic: rgb(123, 211, 184);

    --pf-v5-global--primary-color--100: var(--aaf--color-main);
    --pf-v5-global--primary-color--dark-100: var(--aaf--color-main);
    --pf-v5-global--primary-color--200: var(--aaf--color-black);

    --pf-v5-global--link--Color: var(--aaf--color-black);
    --pf-v5-global--link--Color--hover: var(--aaf--color-black);
    --pf-v5-global--link--Color--dark: var(--aaf--color-main);
    --pf-v5-global--link--Color--dark--hover: var(--aaf--color-main);
    --pf-v5-global--active-color--100: var(--aaf--color-main);
    --pf-v5-global--active-color--200: var(--aaf--color-main);
    --pf-v5-global--active-color--400: var(--aaf--color-main);

    --pf-v5-global--success-color--100: var(--aaf--color-main--faded);
    --pf-v5-global--success-color--200: var(--aaf--color-main);

    --pf-v5-global--link--TextDecoration: underline;
    --pf-v5-global--link--TextDecoration--hover: none;

    --keycloak-card-top-color: var(--aaf--color-main);
    --keycloak-bg-logo-url: #fff;
    --keycloak-logo-url: url(../img/logo.svg);
    --keycloak-logo-height: 85px;
    --keycloak-logo-width: 231px;
}

@media (max-width: 767px) {
    :root {
        --keycloak-logo-height: 51px;
        --keycloak-logo-width: 138.6px;
    }
}

.pf-v5-c-alert {
    --pf-v5-c-alert--m-inline--m-success--BackgroundColor: var(--pf-v5-global--success-color--100);
    --pf-v5-c-alert--m-success--BorderTopColor: var(--pf-v5-global--success-color--200);
    --pf-v5-c-alert--m-success__title--Color: var(--aaf--color-black);
}

.pf-v5-c-button {
    --pf-v5-global--link--TextDecoration: none;

    --pf-v5-c-button--m-primary--Color: var(--aaf--color-white);
    --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--aaf--color-black--faded);
    --pf-v5-c-button--m-primary--BackgroundColor: var(--aaf--color-black);

    --pf-v5-c-button--m-secondary--Color: var(--aaf--color-black);
    --pf-v5-c-button--m-secondary--hover--Color: var(--aaf--color-black);
    --pf-v5-c-button--m-secondary--hover--BackgroundColor: var(--aaf--color-beige);
    --pf-v5-c-button--m-secondary--BackgroundColor: var(--aaf--color-beige--faded);
    --pf-v5-c-button--m-secondary--after--BorderColor: var(--aaf--color-beige);
    --pf-v5-c-button--m-secondary--hover--after--BorderColor: var(--aaf--color-beige);

    --pf-v5-c-button--FontWeight: 700;
    --pf-v5-c-button--BorderRadius: 57px;
    --pf-v5-c-button--after--BorderRadius: var(--pf-v5-c-button--BorderRadius);
}

.pf-v5-c-form-control {
    --pf-v5-c-form-control--m-expanded--after--BorderBottomColor: var(--aaf--color-beige);
    --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--aaf--color-beige);
    --pf-v5-c-form-control--hover--after--BorderBottomColor: var(--aaf--color-beige);
}

a {
    text-decoration-thickness: 1px;
}

input:not([type="file"], [type="image"]):focus-visible, select:focus-visible, button:focus-visible, textarea:focus-visible {
    outline: 2px solid var(--aaf--color-beige--faded);
}

#keycloak-bg[data-page-id^="login-login-"] .login-custom-footer {
    display: none;
}

.login-custom-footer {
    padding-block-start: var(--pf-v5-c-login__main-body--PaddingBottom);
    padding-block-end: var(--pf-v5-c-login__main-body--PaddingBottom);
    padding-inline-end: var(--pf-v5-c-login__main-body--PaddingRight);
    padding-inline-start: var(--pf-v5-c-login__main-body--PaddingLeft);
    background-color: var(--aaf--color-main--faded);
    text-align: center;
}