:root {
    --pf-global--primary-color--200: rgb(37,89,149);
    --pf-global--BackgroundColor--100: #fff;
    --pf-global--BackgroundColor--150: #fafafa;
    --pf-global--BackgroundColor--200: #f0f0f0;
    --pf-global--BackgroundColor--light-100: #fff;
    --pf-global--BackgroundColor--light-200: #fafafa;
    --pf-global--BackgroundColor--light-300: #f0f0f0;
    --pf-global--BackgroundColor--dark-100: rgb(37,89,149);
    --pf-global--BackgroundColor--dark-200: rgb(37,89,149);
    --pf-global--BackgroundColor--dark-300: rgb(37,89,149);
    --pf-global--danger-color--200: rgb(191,62,57);
}

.pf-c-page__header {
    border-bottom: 1px solid var(--pf-global--primary-color--200);
}

.pf-c-button.pf-m-plain {
    color: var(--pf-c-dropdown--Color);
}

.pf-c-dropdown__toggle.pf-m-plain:not(.pf-m-text), .pf-c-dropdown__toggle-icon {
    color: var(--pf-c-dropdown--Color);
}

.pf-c-dropdown__toggle-icon {
    color: white;
}

.pf-c-page {
    --pf-c-dropdown--Color: var(--pf-global--primary-color--200);
    --pf-c-page--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-page__header--BackgroundColor: var(--pf-global--BackgroundColor--100);
    --pf-c-page__header-nav--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-page__header-nav--xl--BackgroundColor: transparent;
    --pf-c-page__header-tools-item--c-notification-badge--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__header-tools--c-button--notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-page__header-tools--c-button--notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-unread--after--BackgroundColor: var(--pf-global--primary-color--200);
    --pf-c-page__header-tools--c-button--m-selected--notification-badge--m-attention--after--BackgroundColor: var(--pf-global--danger-color--200);
    --pf-c-page__header-tools--c-button--m-selected--before--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__sidebar--BackgroundColor: var(--pf-global--BackgroundColor--dark-300);
    --pf-c-page__sidebar--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__sidebar-body--m-menu--BorderTopColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__sidebar-body--m-menu--c-context-selector--BorderBottomColor: var(--pf-global--BackgroundColor--dark-200);
    --pf-c-page__main-section--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
    --pf-c-page__main-section--m-light--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-section--m-light-100--BackgroundColor: var(--pf-global--BackgroundColor--150);
    --pf-c-page__main-section--m-dark-100--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-100);
    --pf-c-page__main-section--m-dark-200--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
    --pf-c-page__main-nav--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-tabs--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-wizard--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
    --pf-c-page__main-wizard--BorderTopColor: var(--pf-global--BorderColor--100);
    --pf-c-page__main-wizard--m-light-200--BackgroundColor: var(--pf-global--BackgroundColor--200);
    background-color: var(--pf-c-page--BackgroundColor);
}
