/**
 * MedX Admin Console — extends Keycloak keycloak.v2 (PatternFly 5).
 * Matches medx-theme login / account (Outfit + pink primary).
 */
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&display=swap");

:root {
    --pf-v5-global--primary-color--100: #cd3a90;
    --pf-v5-global--primary-color--200: #a82d74;
    --pf-v5-global--link--Color: #cd3a90;
    --pf-v5-global--link--Color--hover: #a82d74;
    --pf-v5-global--link--Color--visited: #a82d74;
    --pf-v5-global--FontFamily--text: "Outfit", system-ui, -apple-system, sans-serif;
    --pf-v5-global--FontFamily--heading: "Outfit", system-ui, -apple-system, sans-serif;
}

html,
body,
.pf-v5-c-page,
.pf-v5-c-page__main-section,
.pf-v5-c-nav,
.pf-v5-c-menu,
.pf-v5-c-form-control,
.pf-v5-c-button {
    font-family: var(--pf-v5-global--FontFamily--text);
}

/* Top masthead / toolbar */
.pf-v5-c-masthead {
    --pf-v5-c-masthead--BackgroundColor: #0f1218;
    --pf-v5-c-masthead--Inset--BorderBottomWidth: 0;
    --pf-v5-c-masthead__brand--Color: #fff;
    --pf-v5-c-masthead__content--Color: rgba(255, 255, 255, 0.88);
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-masthead__logo img {
    max-height: 36px;
    width: auto;
}