/* Shared PatternFly 5 adapter for Keycloak login, account and admin. */
:root, .pf-v5-theme-dark {
  color-scheme: dark;
  --pf-v5-global--FontFamily--text: "Ubuntu", system-ui, sans-serif;
  --pf-v5-global--FontFamily--heading: "Ubuntu", system-ui, sans-serif;
  --pf-v5-global--FontFamily--monospace: "Ubuntu Mono", monospace;
  --pf-v5-global--BackgroundColor--100: var(--uj-background);
  --pf-v5-global--BackgroundColor--150: var(--uj-surface);
  --pf-v5-global--BackgroundColor--200: var(--uj-surface);
  --pf-v5-global--BackgroundColor--300: var(--uj-surface-raised);
  --pf-v5-global--BackgroundColor--400: var(--uj-surface-raised);
  --pf-v5-global--Color--100: var(--uj-foreground);
  --pf-v5-global--Color--200: var(--uj-foreground-muted);
  --pf-v5-global--Color--light-100: var(--uj-foreground);
  --pf-v5-global--Color--light-200: var(--uj-foreground-muted);
  --pf-v5-global--BorderColor--100: var(--uj-border);
  --pf-v5-global--BorderColor--200: var(--uj-border);
  --pf-v5-global--primary-color--100: var(--uj-primary);
  --pf-v5-global--primary-color--200: var(--uj-primary-hover);
  --pf-v5-global--active-color--100: var(--uj-link);
  --pf-v5-global--link--Color: var(--uj-link);
  --pf-v5-global--link--Color--hover: var(--uj-link-hover);
  --pf-v5-global--link--Color--visited: var(--uj-link);
  --pf-v5-global--danger-color--100: var(--uj-danger);
  --pf-v5-global--danger-color--200: var(--uj-danger);
  --pf-v5-global--success-color--100: var(--uj-success);
  --pf-v5-global--warning-color--100: var(--uj-warning);
  --pf-v5-global--info-color--100: var(--uj-info);
}
html, body { background-color: var(--uj-background); color: var(--uj-foreground); font-family: var(--uj-font-ui); }
body { --pf-v5-global--FontFamily--text: "Ubuntu", system-ui, sans-serif; }
a { color: var(--uj-link); }
a:hover { color: var(--uj-link-hover); }
:focus-visible { outline: 3px solid var(--uj-focus); outline-offset: 3px; }
.pf-v5-c-button.pf-m-primary:focus-visible { outline-color: var(--uj-foreground); }
.pf-v5-c-button {
  --pf-v5-c-button--BorderRadius: var(--uj-radius);
  --pf-v5-c-button--m-primary--BackgroundColor: var(--uj-primary);
  --pf-v5-c-button--m-primary--Color: var(--uj-on-primary);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--uj-primary-hover);
  --pf-v5-c-button--m-primary--hover--Color: var(--uj-on-primary);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--uj-primary-hover);
  --pf-v5-c-button--m-primary--focus--Color: var(--uj-on-primary);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--uj-primary-active);
  --pf-v5-c-button--m-primary--active--Color: var(--uj-on-primary);
  --pf-v5-c-button--m-secondary--Color: var(--uj-link);
  --pf-v5-c-button--m-secondary--BorderColor: var(--uj-border);
  --pf-v5-c-button--m-control--BackgroundColor: var(--uj-surface-raised);
  --pf-v5-c-button--m-control--Color: var(--uj-foreground);
}
.pf-v5-c-form-control {
  --pf-v5-c-form-control--BackgroundColor: var(--uj-surface-raised);
  --pf-v5-c-form-control--Color: var(--uj-foreground);
  --pf-v5-c-form-control--BorderTopColor: var(--uj-border);
  --pf-v5-c-form-control--BorderRightColor: var(--uj-border);
  --pf-v5-c-form-control--BorderBottomColor: var(--uj-border);
  --pf-v5-c-form-control--BorderLeftColor: var(--uj-border);
  border-radius: var(--uj-radius);
}
input, select, textarea { color: var(--uj-foreground); accent-color: var(--uj-primary); }
input::placeholder, textarea::placeholder { color: var(--uj-foreground-muted); opacity: 1; }
.pf-v5-c-page { --pf-v5-c-page--BackgroundColor: var(--uj-background); }
.pf-v5-c-page__main-section { background-color: var(--uj-background); }
.pf-v5-c-masthead, .pf-v5-c-page__header { background: var(--uj-surface-raised); color: white; }
.pf-v5-c-page__sidebar, .pf-v5-c-nav { background-color: var(--uj-surface); }
.pf-v5-c-card, .pf-v5-c-modal-box, .pf-v5-c-dropdown__menu, .pf-v5-c-menu { background-color: var(--uj-surface); color: var(--uj-foreground); }
.pf-v5-c-table { --pf-v5-c-table--BackgroundColor: var(--uj-surface); --pf-v5-c-table--Color: var(--uj-foreground); }
.pf-v5-c-alert { background: var(--uj-surface-raised); color: var(--uj-foreground); }
.keycloak__loading-container { background: var(--uj-background); color: var(--uj-foreground); }
.pf-v5-c-brand { max-height: 56px; }
.pf-v5-c-title.pf-m-2xl, .pf-v5-c-content h1 { font-family: var(--uj-font-brand); }