:root:not([data-design-palette]) {
  color-scheme: light;
}

:root[data-design-palette] {
  --pf-v5-global--BackgroundColor--100: var(--design-surface-2);
  --pf-v5-global--BackgroundColor--150: var(--design-surface-3);
  --pf-v5-global--BackgroundColor--200: var(--design-surface-1);
  --pf-v5-global--BackgroundColor--light-100: var(--design-surface-2);
  --pf-v5-global--BackgroundColor--light-200: var(--design-surface-3);
  --pf-v5-global--BackgroundColor--light-300: var(--design-surface-1);
  --pf-v5-global--BackgroundColor--dark-100: var(--design-frame);
  --pf-v5-global--BackgroundColor--dark-200: var(--design-frame-hover);
  --pf-v5-global--BackgroundColor--dark-300: var(--design-frame);
  --pf-v5-global--BackgroundColor--dark-400: var(--design-frame-active);
  --pf-v5-global--Color--100: var(--design-text);
  --pf-v5-global--Color--200: var(--design-text-muted);
  --pf-v5-global--Color--300: var(--design-text);
  --pf-v5-global--Color--400: var(--design-text-muted);
  --pf-v5-global--Color--light-100: var(--design-on-frame);
  --pf-v5-global--Color--light-200: var(--design-on-frame);
  --pf-v5-global--Color--light-300: var(--design-on-frame);
  --pf-v5-global--Color--dark-100: var(--design-text);
  --pf-v5-global--Color--dark-200: var(--design-text-muted);
  --pf-v5-global--active-color--100: var(--design-link);
  --pf-v5-global--active-color--200: var(--design-surface-active);
  --pf-v5-global--active-color--300: var(--design-link);
  --pf-v5-global--active-color--400: var(--design-on-frame);
  --pf-v5-global--disabled-color--100: var(--design-text-muted);
  --pf-v5-global--disabled-color--200: var(--design-surface-3);
  --pf-v5-global--disabled-color--300: var(--design-surface-3);
  --pf-v5-global--primary-color--100: var(--design-link);
  --pf-v5-global--primary-color--200: var(--design-primary-800);
  --pf-v5-global--primary-color--light-100: var(--design-on-frame);
  --pf-v5-global--primary-color--dark-100: var(--design-link);
  --pf-v5-global--secondary-color--100: var(--design-text-muted);
  --pf-v5-global--custom-color--100: var(--design-info-border);
  --pf-v5-global--custom-color--200: var(--design-info);
  --pf-v5-global--custom-color--300: var(--design-info);
  --pf-v5-global--success-color--100: var(--design-success);
  --pf-v5-global--success-color--200: var(--design-success);
  --pf-v5-global--info-color--100: var(--design-info);
  --pf-v5-global--info-color--200: var(--design-info);
  --pf-v5-global--warning-color--100: var(--design-warning);
  --pf-v5-global--warning-color--200: var(--design-warning);
  --pf-v5-global--danger-color--100: var(--design-danger);
  --pf-v5-global--danger-color--200: var(--design-danger);
  --pf-v5-global--danger-color--300: var(--design-danger);
  --pf-v5-global--link--Color: var(--design-link);
  --pf-v5-global--link--Color--hover: var(--design-primary-800);
  --pf-v5-global--link--Color--light: var(--design-on-frame);
  --pf-v5-global--link--Color--light--hover: var(--design-on-frame);
  --pf-v5-global--link--Color--dark: var(--design-link);
  --pf-v5-global--link--Color--dark--hover: var(--design-primary-800);
  --pf-v5-global--link--Color--visited: var(--design-link);
  --pf-v5-global--BorderColor--100: var(--design-border);
  --pf-v5-global--BorderColor--200: var(--design-border-strong);
  --pf-v5-global--BorderColor--300: var(--design-border);
  --pf-v5-global--BorderColor--dark-100: var(--design-border);
  --pf-v5-global--BorderColor--light-100: var(--design-border-strong);
  --pf-v5-global--icon--Color--light: var(--design-text-muted);
  --pf-v5-global--icon--Color--dark: var(--design-text);
  --pf-v5-global--icon--Color--light--light: var(--design-on-frame);
  --pf-v5-global--icon--Color--dark--light: var(--design-on-frame);
  --pf-v5-global--icon--Color--light--dark: var(--design-text-muted);
  --pf-v5-global--icon--Color--dark--dark: var(--design-text);
  --pf-v5-global--palette--white: var(--design-surface-2);
  --pf-v5-global--palette--black-100: var(--design-surface-1);
  --pf-v5-global--palette--black-150: var(--design-surface-3);
  --pf-v5-global--palette--black-200: var(--design-surface-3);
  --pf-v5-global--palette--black-300: var(--design-border);
  --pf-v5-global--palette--black-400: var(--design-border-strong);
  --pf-v5-global--palette--black-500: var(--design-border-strong);
  --pf-v5-global--palette--black-600: var(--design-text-muted);
  --pf-v5-global--palette--black-700: var(--design-text-muted);
  --pf-v5-global--palette--black-800: var(--design-text);
  --pf-v5-global--palette--black-850: var(--design-text);
  --pf-v5-global--palette--black-900: var(--design-text);
  --pf-v5-global--palette--black-1000: var(--design-text);
  --pf-v5-global--palette--green-50: var(--design-success-subtle);
  --pf-v5-global--palette--green-100: var(--design-success-border);
  --pf-v5-global--palette--green-200: var(--design-success-border);
  --pf-v5-global--palette--green-300: var(--design-success);
  --pf-v5-global--palette--green-400: var(--design-success);
  --pf-v5-global--palette--green-500: var(--design-success);
  --pf-v5-global--palette--green-600: var(--design-success);
  --pf-v5-global--palette--green-700: var(--design-success);
  --pf-v5-global--palette--light-green-100: var(--design-success-border);
  --pf-v5-global--palette--light-green-200: var(--design-success-border);
  --pf-v5-global--palette--light-green-300: var(--design-success);
  --pf-v5-global--palette--light-green-400: var(--design-success);
  --pf-v5-global--palette--light-green-500: var(--design-success);
  --pf-v5-global--palette--light-green-600: var(--design-success);
  --pf-v5-global--palette--light-green-700: var(--design-success);
  --pf-v5-global--palette--gold-50: var(--design-warning-subtle);
  --pf-v5-global--palette--gold-100: var(--design-warning-border);
  --pf-v5-global--palette--gold-200: var(--design-warning-border);
  --pf-v5-global--palette--gold-300: var(--design-warning);
  --pf-v5-global--palette--gold-400: var(--design-warning);
  --pf-v5-global--palette--gold-500: var(--design-warning);
  --pf-v5-global--palette--gold-600: var(--design-warning);
  --pf-v5-global--palette--gold-700: var(--design-warning);
  --pf-v5-global--palette--orange-50: var(--design-warning-subtle);
  --pf-v5-global--palette--orange-100: var(--design-warning-border);
  --pf-v5-global--palette--orange-200: var(--design-warning-border);
  --pf-v5-global--palette--orange-300: var(--design-warning);
  --pf-v5-global--palette--orange-400: var(--design-warning);
  --pf-v5-global--palette--orange-500: var(--design-warning);
  --pf-v5-global--palette--orange-600: var(--design-warning);
  --pf-v5-global--palette--orange-700: var(--design-warning);
  --pf-v5-global--palette--red-50: var(--design-danger-subtle);
  --pf-v5-global--palette--red-100: var(--design-danger);
  --pf-v5-global--palette--red-200: var(--design-danger);
  --pf-v5-global--palette--red-300: var(--design-danger);
  --pf-v5-global--palette--red-400: var(--design-danger);
  --pf-v5-global--palette--red-500: var(--design-danger);
  --pf-v5-global--palette--cyan-50: var(--design-info-subtle);
  --pf-v5-global--palette--cyan-100: var(--design-info-border);
  --pf-v5-global--palette--cyan-200: var(--design-info-border);
  --pf-v5-global--palette--cyan-300: var(--design-info);
  --pf-v5-global--palette--cyan-400: var(--design-info);
  --pf-v5-global--palette--cyan-500: var(--design-info);
  --pf-v5-global--palette--cyan-600: var(--design-info);
  --pf-v5-global--palette--cyan-700: var(--design-info);
  --pf-v5-global--palette--light-blue-100: var(--design-info-border);
  --pf-v5-global--palette--light-blue-200: var(--design-info-border);
  --pf-v5-global--palette--light-blue-300: var(--design-info);
  --pf-v5-global--palette--light-blue-400: var(--design-info);
  --pf-v5-global--palette--light-blue-500: var(--design-info);
  --pf-v5-global--palette--light-blue-600: var(--design-info);
  --pf-v5-global--palette--light-blue-700: var(--design-info);
  --pf-v5-global--palette--blue-50: var(--design-info-subtle);
  --pf-v5-global--palette--blue-100: var(--design-info-border);
  --pf-v5-global--palette--blue-200: var(--design-info-border);
  --pf-v5-global--palette--blue-300: var(--design-info);
  --pf-v5-global--palette--blue-500: var(--design-info);
  --pf-v5-global--palette--blue-600: var(--design-info);
  --pf-v5-global--palette--blue-700: var(--design-info);
  --pf-v5-global--palette--blue-400: var(--design-link);
  --pf-v5-global--palette--purple-50: var(--design-primary-50);
  --pf-v5-global--palette--purple-100: var(--design-primary-200);
  --pf-v5-global--palette--purple-200: var(--design-primary-200);
  --pf-v5-global--palette--purple-300: var(--design-link);
  --pf-v5-global--palette--purple-400: var(--design-link);
  --pf-v5-global--palette--purple-500: var(--design-link);
  --pf-v5-global--palette--purple-600: var(--design-link);
  --pf-v5-global--palette--purple-700: var(--design-link);
  --keycloak-logo-url: url("../img/brand.svg?v=bde55233");
  --keycloak-logo-width: 300px;
  --keycloak-logo-height: 65px;
  --keycloak-bg-logo-url: none;
  --keycloak-card-top-color: var(--design-primary);
}

:root[data-design-palette].login-pf body {
  background: var(--design-frame);
}

:root[data-design-palette] .keycloak__loading-container {
  background-color: var(--design-surface-1);
  color: var(--design-text);
}

:root[data-design-palette] .pf-v5-c-masthead,
:root[data-design-palette] .pf-v5-c-page__sidebar {
  --design-focus: var(--design-on-frame);
  --pf-v5-global--active-color--100: var(--design-on-frame);
  --pf-v5-global--primary-color--100: var(--design-on-frame);
  --pf-v5-c-masthead--item-border-color--base: var(--design-frame-hover);
  --pf-v5-c-masthead__main--before--BorderBottomColor: var(--design-frame-hover);
}

:root[data-design-palette] .pf-v5-c-masthead .pf-v5-c-menu,
:root[data-design-palette] .pf-v5-c-page__sidebar .pf-v5-c-menu {
  --design-focus: var(--design-link);
  --pf-v5-global--active-color--100: var(--design-link);
  --pf-v5-global--primary-color--100: var(--design-link);
}

:root[data-design-palette] .pf-v5-c-banner.pf-m-gold {
  --pf-v5-c-banner--BackgroundColor: var(--design-warning);
  --pf-v5-c-banner--Color: var(--design-on-warning);
}

:root[data-design-palette] .pf-v5-c-banner.pf-m-green {
  --pf-v5-c-banner--BackgroundColor: var(--design-success);
  --pf-v5-c-banner--Color: var(--design-on-success);
}

:root[data-design-palette] .pf-v5-c-banner.pf-m-red {
  --pf-v5-c-banner--BackgroundColor: var(--design-danger);
  --pf-v5-c-banner--Color: var(--design-on-danger);
}

:root[data-design-palette] .pf-v5-c-banner.pf-m-blue {
  --pf-v5-c-banner--BackgroundColor: var(--design-info);
  --pf-v5-c-banner--Color: var(--design-on-info);
}


:where(:root[data-design-palette]) .pf-v5-c-button {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--design-primary);
  --pf-v5-c-button--m-primary--Color: var(--design-on-primary);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-button--m-primary--hover--Color: var(--design-on-primary);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-button--m-primary--focus--Color: var(--design-on-primary);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--design-primary-active);
  --pf-v5-c-button--m-primary--active--Color: var(--design-on-primary);
  --pf-v5-c-button--m-danger--BackgroundColor: var(--design-danger);
  --pf-v5-c-button--m-danger--Color: var(--design-on-danger);
  --pf-v5-c-button--m-danger--hover--BackgroundColor: var(--design-danger-hover);
  --pf-v5-c-button--m-danger--hover--Color: var(--design-on-danger);
  --pf-v5-c-button--m-danger--focus--BackgroundColor: var(--design-danger-hover);
  --pf-v5-c-button--m-danger--focus--Color: var(--design-on-danger);
  --pf-v5-c-button--m-danger--active--BackgroundColor: var(--design-danger-active);
  --pf-v5-c-button--m-danger--active--Color: var(--design-on-danger);
  --pf-v5-c-button--m-warning--BackgroundColor: var(--design-warning);
  --pf-v5-c-button--m-warning--Color: var(--design-on-warning);
  --pf-v5-c-button--m-warning--hover--BackgroundColor: var(--design-warning-hover);
  --pf-v5-c-button--m-warning--hover--Color: var(--design-on-warning);
  --pf-v5-c-button--m-warning--focus--BackgroundColor: var(--design-warning-hover);
  --pf-v5-c-button--m-warning--focus--Color: var(--design-on-warning);
  --pf-v5-c-button--m-warning--active--BackgroundColor: var(--design-warning-active);
  --pf-v5-c-button--m-warning--active--Color: var(--design-on-warning);
}

:where(:root[data-design-palette]) .pf-v5-c-menu-toggle {
  --pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--design-primary);
  --pf-v5-c-menu-toggle--m-primary--Color: var(--design-on-primary);
  --pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-menu-toggle--m-primary--focus--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--design-primary-active);
  --pf-v5-c-menu-toggle--m-primary--m-expanded--BackgroundColor: var(--design-primary-active);
  --pf-v5-c-menu-toggle--m-primary--m-expanded--Color: var(--design-on-primary);
}

:where(:root[data-design-palette]) .pf-v5-c-dropdown {
  --pf-v5-c-dropdown__toggle--m-primary--BackgroundColor: var(--design-primary);
  --pf-v5-c-dropdown__toggle--m-primary--Color: var(--design-on-primary);
  --pf-v5-c-dropdown__toggle--m-primary--hover--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--design-primary-active);
  --pf-v5-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--design-primary-active);
  --pf-v5-c-dropdown__menu-item--hover--BackgroundColor: var(--design-surface-hover);
}

:root[data-design-palette] .pf-v5-c-badge {
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--design-primary);
  --pf-v5-c-badge--m-unread--Color: var(--design-on-primary);
}

:root[data-design-palette] .pf-v5-c-switch {
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--design-primary);
  --pf-v5-c-switch__toggle-icon--Color: var(--design-on-primary);
}

:root[data-design-palette] .pf-v5-c-wizard {
  --pf-v5-c-wizard__nav-link--m-current--before--BackgroundColor: var(--design-primary);
  --pf-v5-c-wizard__nav-link--m-current--before--Color: var(--design-on-primary);
}

:root[data-design-palette] .pf-v5-c-calendar-month {
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--design-primary);
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--design-primary-hover);
  --pf-v5-c-calendar-month__dates-cell--m-selected__date--Color: var(--design-on-primary);
  --pf-v5-c-calendar-month__date--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-calendar-month__date--focus--BackgroundColor: var(--design-surface-hover);
}

:root[data-design-palette] .pf-v5-c-chip {
  --pf-v5-c-chip--BackgroundColor: var(--design-surface-2);
}

:root[data-design-palette] .pf-v5-c-table thead {
  background-color: transparent;
}

:root[data-design-palette] hr {
  border: 0;
  border-block-start: 1px solid var(--design-border);
}

:root[data-design-palette] .pf-v5-c-table {
  --pf-v5-c-table--cell--m-favorite--Color: var(--design-border-strong);
  --pf-v5-c-table__favorite--c-button--Color: var(--design-border-strong);
  --pf-v5-c-table__tr--m-clickable--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-table__tr--m-clickable--focus--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-table__tr--m-clickable--active--BackgroundColor: var(--design-surface-active);
  --pf-v5-c-table__tr--m-selected--BackgroundColor: var(--design-surface-active);
  --pf-v5-c-table__tbody--m-clickable--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-table__tbody--m-clickable--focus--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-table__tbody--m-clickable--active--BackgroundColor: var(--design-surface-active);
  --pf-v5-c-table__tbody--m-selected--BackgroundColor: var(--design-surface-active);
}

:root[data-design-palette] .pf-v5-c-menu {
  --pf-v5-c-menu__list-item--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-menu__header--c-menu__item--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-menu__header--c-menu__item--focus--BackgroundColor: var(--design-surface-hover);
}

:root[data-design-palette] .pf-v5-c-context-selector {
  --pf-v5-c-context-selector__menu-list-item--hover--BackgroundColor: var(--design-surface-hover);
}

:root[data-design-palette] .pf-v5-c-accordion {
  --pf-v5-c-accordion__toggle--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-accordion__toggle--focus--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-accordion__toggle--active--BackgroundColor: var(--design-surface-active);
}

:root[data-design-palette] .pf-v5-c-toggle-group {
  --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--design-surface-active);
}

:root[data-design-palette] .pf-v5-c-tree-view {
  --pf-v5-c-tree-view__node--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-tree-view__node--focus--BackgroundColor: var(--design-surface-hover);
}

:root[data-design-palette] .pf-v5-c-card {
  --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--design-surface-hover);
  --pf-v5-c-card--m-selectable--m-selected--BackgroundColor: var(--design-surface-active);
  --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--design-surface-active);
  --pf-v5-c-card--m-selectable-raised--hover--before--BackgroundColor: var(--design-primary);
  --pf-v5-c-card--m-selectable-raised--focus--before--BackgroundColor: var(--design-primary);
  --pf-v5-c-card--m-selectable-raised--active--before--BackgroundColor: var(--design-primary);
  --pf-v5-c-card--m-hoverable-raised--hover--before--BackgroundColor: var(--design-primary);
}

:root[data-design-palette] .kc-dropdown-panel-content {
  background-color: var(--design-surface-2);
}