/*
 * OIM branding for the Keycloak Admin Console (theme type: admin, PatternFly 5).
 *
 * The KC26 admin console is a React/PatternFly SPA, so this is light branding:
 * accent colours + white logo. PatternFly defines its design tokens in :root,
 * and this stylesheet may load before PF's, so the custom-property overrides
 * use !important to win the cascade regardless of load order.
 */

:root {
  /* Global accents */
  --pf-v5-global--primary-color--100: #143c96 !important; /* OIM blue */
  --pf-v5-global--primary-color--200: #0f2e73 !important;
  --pf-v5-global--link--Color: #143c96 !important;
  --pf-v5-global--link--Color--hover: #0f2e73 !important;
  --pf-v5-global--active-color--100: #3caba7 !important; /* OIM teal */
  --pf-v5-global--active-color--200: #2f8a86 !important;

  /* Primary button component tokens */
  --pf-v5-c-button--m-primary--BackgroundColor: #143c96 !important;
  --pf-v5-c-button--m-primary--hover--BackgroundColor: #0f2e73 !important;
  --pf-v5-c-button--m-primary--active--BackgroundColor: #0f2e73 !important;
  --pf-v5-c-button--m-primary--focus--BackgroundColor: #0f2e73 !important;

  /* Masthead (top bar) */
  --pf-v5-c-masthead--BackgroundColor: #0b1f4d !important; /* deep OIM navy */
}

/* Logo: KC already serves this theme's img/logo.svg as the brand; it's the dark
   OIM logo, so invert it to white for the dark masthead. */
.keycloak__pageheader_brand,
img[alt="Logo"] {
  filter: brightness(0) invert(1);
  max-height: 40px;
  width: auto;
}

/* Belt-and-suspenders direct overrides (in case a token name differs) */
.pf-v5-c-masthead {
  background-color: #0b1f4d !important;
}
.pf-v5-c-button.pf-m-primary {
  background-color: #143c96 !important;
}
.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus {
  background-color: #0f2e73 !important;
}