@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

/*
 * Best-effort branding for the Admin Console (keycloak.v2).
 * Same caveat as the account console: this is a compiled PatternFly 5 React
 * app, so Keycloak doesn't officially support full re-theming here the way
 * it does for the login theme. This covers the masthead, primary buttons,
 * links, and page background/font — most individual screens (realm
 * settings, client config, user tables, etc.) will still look like stock
 * Keycloak.
 */

:root {
  --pf-v5-global--primary-color--100: #006C6C;
  --pf-v5-global--primary-color--200: #005959;
  --pf-v5-global--active-color--100: #006C6C;
  --pf-v5-global--link--Color: #006C6C;
  --pf-v5-global--link--Color--hover: #005959;
  --pf-v5-global--BackgroundColor--light-300: #FAF6F0;
  --pf-v5-global--FontFamily--sans-serif: 'Inter', system-ui, sans-serif;
}

body,
#root {
  font-family: 'Inter', system-ui, sans-serif !important;
}

.pf-v5-c-masthead {
  background-color: #0E1D4A !important;
}

.pf-v5-c-button.pf-m-primary {
  background-color: #006C6C !important;
  border-color: #006C6C !important;
}

.pf-v5-c-button.pf-m-primary:hover {
  background-color: #005959 !important;
  border-color: #005959 !important;
}

/* Secondary/link buttons (e.g. "Refresh") already inherit teal via the
   --pf-v5-global--primary-color--100 / --link--Color variables above, but
   PatternFly threads that through several layers of custom-property
   indirection — these explicit overrides make it certain rather than relying
   solely on that chain. */
.pf-v5-c-button.pf-m-secondary {
  color: #006C6C !important;
  border-color: #006C6C !important;
}

.pf-v5-c-button.pf-m-secondary:hover,
.pf-v5-c-button.pf-m-secondary:focus {
  color: #005959 !important;
  border-color: #005959 !important;
}

.pf-v5-c-button.pf-m-link {
  color: #006C6C !important;
}

.pf-v5-c-button.pf-m-link:hover,
.pf-v5-c-button.pf-m-link:focus {
  color: #005959 !important;
}

.pf-v5-c-nav__link.pf-m-current,
.pf-v5-c-nav__link[aria-current="page"] {
  color: #006C6C !important;
}

a {
  color: #006C6C !important;
}

a:hover {
  color: #005959 !important;
}