/* Partner-portal branding overrides for the keycloak.v2 admin console.
 *
 * PatternFly v5 components don't read --pf-v5-global--primary-color directly —
 * each component (button, masthead, nav…) has its own hardcoded var
 * (e.g. --pf-v5-c-button--m-primary--BackgroundColor). So we override those
 * per-component vars rather than the global token.
 */

:root {
  --pse-teal:        rgba(10, 157, 182, 1);
  --pse-teal-dark:   rgba(8, 122, 142, 1);
  --pse-teal-darker: rgba(6, 92, 107, 1);
  --pse-bg-dark:     #09090b;

  --pf-v5-global--primary-color--100: var(--pse-teal);
  --pf-v5-global--primary-color--200: var(--pse-teal-dark);
  --pf-v5-global--primary-color--300: var(--pse-teal-darker);
  --pf-v5-global--active-color--100:  var(--pse-teal);
  --pf-v5-global--link--Color:        var(--pse-teal);
  --pf-v5-global--link--Color--hover: var(--pse-teal-dark);
  --pf-v5-global--link--Color--visited: var(--pse-teal-dark);
  --pf-v5-global--BackgroundColor--150: var(--pse-teal);
}

.pf-v5-c-button.pf-m-primary {
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pse-teal);
  --pf-v5-c-button--m-primary--hover--BackgroundColor: var(--pse-teal-dark);
  --pf-v5-c-button--m-primary--focus--BackgroundColor: var(--pse-teal-dark);
  --pf-v5-c-button--m-primary--active--BackgroundColor: var(--pse-teal-darker);
}

.pf-v5-c-button.pf-m-link {
  --pf-v5-c-button--m-link--Color: var(--pse-teal);
  --pf-v5-c-button--m-link--hover--Color: var(--pse-teal-dark);
  --pf-v5-c-button--m-link--focus--Color: var(--pse-teal-dark);
  --pf-v5-c-button--m-link--active--Color: var(--pse-teal-darker);
}

.pf-v5-c-masthead {
  --pf-v5-c-masthead--BackgroundColor: var(--pse-bg-dark);
  background-color: var(--pse-bg-dark);
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link.pf-m-current:hover {
  --pf-v5-c-nav__link--m-current--Color: var(--pse-teal);
  --pf-v5-c-nav__link--m-current--after--BorderColor: var(--pse-teal);
  color: var(--pse-teal);
  box-shadow: inset 3px 0 0 0 var(--pse-teal);
}

.pf-v5-c-tabs__item.pf-m-current .pf-v5-c-tabs__link {
  --pf-v5-c-tabs__link--after--BorderColor: var(--pse-teal);
  color: var(--pse-teal);
}

.pf-v5-c-switch {
  --pf-v5-c-switch__input--checked__toggle--BackgroundColor: var(--pse-teal);
}
.pf-v5-c-check__input:checked {
  accent-color: var(--pse-teal);
}

.pf-v5-c-form-control:focus-within {
  --pf-v5-c-form-control--focus--after--BorderBottomColor: var(--pse-teal);
}

.pf-v5-c-masthead__brand img,
.pf-v5-c-brand {
  max-height: 36px;
  width: auto;
}