/* This file contains specific variables for Patternfly v5, depends on custom-base.css */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pf-v5-c-toolbar__item .pf-v5-c-menu-toggle:after, .pf-v5-c-toolbar__item .pf-v5-c-menu-toggle:before {
    border-block-start: unset;
    border-block-end: unset;
    border-style: none;
}