:root {
    --scs-red: #D8232A;
    --scs-gray: #7C91A1;
    --scs-gray-text: #FFF;

    --scs-light-gray: #abb8c3;

    /* Keycloak <= 24 */
    --pf-global--BackgroundColor--dark-400: var(--scs-gray);
    --pf-global--active-color--400: var(--scs-red);
    --pf-global--BackgroundColor--dark-200: var(--scs-gray);

    --pf-global--BackgroundColor--dark-300: var(--scs-light-gray);
    --pf-global--BackgroundColor--dark-100: #FFF;

    --pf-global--FontFamily--sans-serif: "Noto Serif", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
    --pf-global--FontFamily--heading--sans-serif: "Studio Feixen Sans", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
    
    /* Keycloak > 25 */
    --pf-v5-global--BackgroundColor--dark-400: var(--scs-gray);
    --pf-v5-global--active-color--400: var(--scs-red);
    --pf-v5-global--BackgroundColor--dark-200: var(--scs-gray);

    --pf-v5-global--BackgroundColor--dark-300: var(--scs-light-gray);
    --pf-v5-global--BackgroundColor--dark-100: #FFF;

    --pf-v5-global--primary-color--100: var(--scs-red);

    --pf-v5-c-button--m-secondary--Color: var(--scs-gray);
    --pf-v5-c-button--m-secondary--BackgroundColor: var(--pf-v5-c-button--m-secondary--hover--BackgroundColor);
    --pf-v5-c-button--after--BorderColor: var(--pf-v5-c-button--m-secondary--hover--after--BorderColor);

    --pf-v5-global--FontFamily--text: "Noto Serif", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
    --pf-v5-global--FontFamily--heading: "Studio Feixen Sans", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
}

.pf-c-content {
    --pf-c-content--h1--FontWeight: bold;
    --pf-c-content--h2--FontWeight: bold;
    --pf-c-content--h3--FontWeight: bold;
    --pf-c-content--h4--FontWeight: bold;
}

.pf-c-spinner, /* Keycloak <= 24 */
.pf-v5-c-spinner {
    --pf-c-spinner--Color:var(--scs-red);
}

.pf-c-page__header {
    color: var(--scs-gray);
}

.pf-c-button.pf-m-plain, /* Keycloak <= 24 */
.pf-v5-c-button.pf-m-plain {
    color:  var(--scs-red);
}

.pf-c-dropdown__toggle.pf-m-plain, .pf-c-button.pf-m-primary, /* Keycloak <= 24 */
.pf-v5-c-menu-toggle {
    color: var(--scs-gray-text);
    background-color: var(--scs-gray);
}

.pf-c-tooltip {
    --pf-c-tooltip__content--Color: var(--scs-gray);
}