:root,
.pf-v5-c-page,
.pf-c-page,
body {
    --pf-v5-global--primary-color--100: #53367a;
    --pf-v5-global--primary-color--200: #6a4b93;
    --pf-v5-global--link--Color: #542791;
    --pf-v5-c-button--m-link--Color: #53367a;
    --pf-v5-c-button--m-link--hover--Color: #6a4b93;
    --pf-v5-c-button--m-link--focus--Color: #6a4b93;
    --pf-v5-c-button--m-link--active--Color: #6a4b93;
    --pf-global--primary-color--100: #53367a;
    --pf-global--primary-color--200: #6a4b93;
    --pf-global--link--Color: #542791;
}

/* Button color fallback in case variables are not applied everywhere */
.pf-v5-c-button.pf-m-primary,
.pf-c-button.pf-m-primary,
.btn-primary {
    background-color: #53367a !important;
    border-color: #53367a !important;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus,
.pf-c-button.pf-m-primary:hover,
.pf-c-button.pf-m-primary:focus,
.btn-primary:hover,
.btn-primary:focus {
    background-color: #6a4b93 !important;
    border-color: #6a4b93 !important;
}

/* Secondary/outline buttons used by account console */
.pf-v5-c-button.pf-m-secondary,
.pf-v5-c-button.pf-m-link,
.pf-c-button.pf-m-secondary,
.pf-c-button.pf-m-link,
.pf-v5-c-button.pf-m-tertiary,
.pf-c-button.pf-m-tertiary {
    color: #53367a !important;
    border-color: #53367a !important;
}
.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus,
.pf-v5-c-button.pf-m-link:hover,
.pf-v5-c-button.pf-m-link:focus,
.pf-v5-c-button.pf-m-tertiary:hover,
.pf-v5-c-button.pf-m-tertiary:focus,
.pf-c-button.pf-m-secondary:hover,
.pf-c-button.pf-m-secondary:focus,
.pf-c-button.pf-m-link:hover,
.pf-c-button.pf-m-link:focus,
.pf-c-button.pf-m-tertiary:hover,
.pf-c-button.pf-m-tertiary:focus {
    color: #6a4b93 !important;
    border-color: #6a4b93 !important;
}

/* Links in the account console */
a,
.pf-v5-c-link,
.pf-c-link {
    color: #542791 !important;
}
a:hover,
.pf-v5-c-link:hover,
.pf-c-link:hover {
    color: #6a4b93 !important;
}

/* Replace header logo with elkbIdent */
.pf-v5-c-page__header-brand-link,
.pf-c-page__header-brand-link {
    display: flex;
    align-items: center;
}
.pf-v5-c-page__header-brand-link::before,
.pf-c-page__header-brand-link::before {
    content: "";
    display: block;
    width: 180px;
    height: 40px;
    background: url("../public/logo.svg") no-repeat left center / contain;
}
.pf-v5-c-brand,
.pf-c-brand {
    display: none !important;
}