:root {
    /* Brand variables */
    --plusserver-dark-grey: #333333;
    --plusserver-dark-grey-80: #5C5C5C;
    --plusserver-dark-grey-40: #ADADAD;
    --plusserver-white: #FFFFFF;
    --plusserver-blue-background: #F0FAFF;
    --plusserver-blue: #009BF4;
    --plusserver-blue-80: #33AFF6;
    --plusserver-blue-40: #99D7FB;
    --plusserver-vibrant-mint: #00DC91;
    --plusserver-vibrant-mint-80: #33E3A7;
    --plusserver-vibrant-mint-40: #99F1D3;
    --plusserver-coral: #FF805A;
    --plusserver-coral-80: #FF997B;
    --plusserver-coral-40: #FFCCBD;
    --font-weight-regular: 400;
    --font-weight-extrabold: 800;
    --font-family: Montserrat, sans-serif;

    /* Override default vars of Keycloak theme */
    --pf-global--primary-color--100: var(--plusserver-blue);
    --pf-global--primary-color--dark-100: var(--plusserver-blue);
    --pf-global--primary-color--200: var(--plusserver-blue-80);
    --pf-global--active-color--100: var(--plusserver-blue);
    --pf-global--Color--dark-200: var(--plusserver-dark-grey);
    --pf-global--Color--200: var(--plusserver-dark-grey);
    --pf-global--danger-color--100: var(--plusserver-coral);
    --pf-global--danger-color--200: var(--plusserver-coral);
    --pf-global--link--Color: var(--plusserver-blue);
    --pf-global--link--Color--dark: var(--plusserver-blue);
    --pf-global--BackgroundColor--dark-100: var(--plusserver-blue);
    --pf-global--BorderColor--dark-100: var(--plusserver-dark-grey-40);

    --pf-global--BoxShadow--lg: none;
    --pf-global--BoxShadow--lg-right: none;

    --pf-global--FontFamily--heading--sans-serif: var(--font-family);
    --pf-global--FontWeight--light: var(--font-weight-regular);
    --pf-global--FontWeight--normal: var(--font-weight-regular);
    --pf-global--FontWeight--semi-bold: var(--font-weight-extrabold);

    --pf-global--FontSize--4xl: 2.25rem;
    --pf-global--FontSize--3xl: 1.75rem;
    --pf-global--FontSize--2xl: 1.5rem;
    --pf-global--FontSize--xl: 1.25rem;
    --pf-global--FontSize--lg: 1.125rem;
    --pf-global--FontSize--md: 1rem;
    --pf-global--FontSize--sm: 0.95rem;
    --pf-global--FontSize--xs: 0.8rem;

    @font-face {
        font-family: "Montserrat";
        src: local(Montserrat),
             url("../fonts/Montserrat-VariableFont_wght.woff2") format("woff2"),
             url("../fonts/Montserrat-VariableFont_wght.ttf") format("truetype");
        font-style: normal;
        font-weight: 400 800;
    }
    @font-face {
        font-family: "Montserrat";
        src: local(Montserrat),
             url("../fonts/Montserrat-Italic-VariableFont_wght.woff2") format("woff2"),
             url("../fonts/Montserrat-Italic-VariableFont_wght.ttf") format("truetype");
        font-style: italic;
        font-weight: 400;
    }
}

* {
    font-family: Montserrat, sans-serif;
    font-weight: var(--font-weight-regular);
}

body {
    color: var(--plusserver-dark-grey);
}

a {
    color: var(--plusserver-blue);
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    color: var(--plusserver-dark-grey);
}

.h1, .h2, h1, h2 {
    font-weight: var(--font-weight-extrabold);
}

.pf-c-button * {
    font-weight: var(--font-weight-extrabold);
}

.pf-c-form-control {
    --pf-global--primary-color--100: var(--plusserver-blue);
    --pf-c-form-control--invalid--BorderBottomColor: var(--plusserver-coral);
}

.pf-c-form {
    --pf-c-form__label-text--FontWeight: inherit;
}

.pf-c-page__header {
    color: var(--plusserver-white);
}

.pf-c-page {
    --pf-c-page__sidebar--BackgroundColor: var(--plusserver-white);
    --pf-c-page--BackgroundColor: var(--plusserver-white);
    --pf-c-page__main-section--BackgroundColor: var(--plusserver-white);
    --pf-c-page--section--m-shadow-bottom--BoxShadow: none;
}

.pf-c-nav {
    --pf-c-nav__link--m-current--BackgroundColor: var(--plusserver-blue);
    --pf-c-nav__link--m-current--Color: var(--plusserver-white);
    --pf-c-nav__link--Color: var(--plusserver-dark-grey);
    --pf-c-nav__link--hover--BackgroundColor: var(--plusserver-blue-background);
    --pf-c-nav__link--hover--Color: var(--plusserver-blue);
    --pf-c-nav__link--focus--BackgroundColor: var(--plusserver-blue-background);
    --pf-c-nav__link--focus--Color: var(--plusserver-blue);
    --pf-c-nav__link--active--BackgroundColor: var(--plusserver-blue-background);
    --pf-c-nav__link--active--Color: var(--plusserver-blue);
}

.pf-c-nav__item.pf-m-expandable::before, .pf-c-nav__link::before, .pf-c-nav__link::after {
    border: none;
}

.pf-c-label {
    --pf-c-label--m-green__content--before--BorderColor: none;
    background-color: var(--plusserver-vibrant-mint);
    border-radius: unset;
}

.pf-c-label.pf-m-green {
    --pf-c-label__content--Color: var(--plusserver-white)
}

.pf-c-button, .pf-c-button::after {
    border-radius: unset;
}

.pf-c-button.pf-m-secondary {
    border: none;
    color: var(--plusserver-white);
    background-color: var(--plusserver-blue-80);
}

.pf-c-card {
    --pf-c-card--BackgroundColor: var(--plusserver-blue-background);
    --pf-c-card--BoxShadow: none;
}

a svg {
    color: var(--plusserver-blue);
}

footer.footer {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    padding-bottom: 15px;
    font-size: var(--pf-global--FontSize--xs);
}