@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@600;700&family=Roboto:wght@400;500;700&display=swap');

:root {
    --pf-v5-global--primary-color--100: #495AFF;
    --pf-v5-global--primary-color--200: #28328A;
}

body,
#app {
    font-family: 'Roboto', sans-serif;
}

.pf-v5-c-title,
h1 {
    font-family: 'Roboto Slab', Georgia, serif;
}

.pf-v5-c-masthead,
.pf-v5-c-masthead__main,
.pf-v5-c-masthead__content,
.pf-v5-c-masthead .pf-v5-c-toolbar {
    background-color: #495AFF !important;
}

/* No logo configured for this theme: hide the default Keycloak brand/link entirely */
.pf-v5-c-masthead__brand {
    display: none !important;
}

.pf-v5-c-masthead,
.pf-v5-c-masthead a,
.pf-v5-c-masthead .pf-v5-c-toolbar-item,
.pf-v5-c-masthead .pf-v5-c-menu-toggle {
    color: #fff !important;
}

/* Keep opened dropdown/menu popovers (e.g. the user menu) in normal, readable colors */
.pf-v5-c-masthead .pf-v5-c-menu,
.pf-v5-c-masthead .pf-v5-c-menu *,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu,
.pf-v5-c-masthead .pf-v5-c-dropdown__menu *,
.pf-v5-c-masthead [role="menu"],
.pf-v5-c-masthead [role="menu"] * {
    color: initial !important;
}

.pf-v5-c-button.pf-m-primary {
    background-color: #495AFF;
    border-color: #495AFF;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
    background-color: #28328A;
    border-color: #28328A;
}