:root {
  --keycloak-logo-url: url("../img/brand-logo.png");
  --keycloak-logo-height: 96px;
  --keycloak-logo-width: 96px;
  --keycloak-card-top-color: #fecd2e;
}

/* The welcome template hard-codes logo.svg. Replaced-element content lets the
   child theme swap only that image without copying the upstream FTL template. */
img.kc-brand {
  content: url("../img/brand-logo.png");
  width: 96px;
  height: 96px;
  object-fit: contain;
  box-sizing: border-box;
  padding: 8px;
  border-radius: 8px;
  background: #fff;
}

/* The supplied mark contains black outer geometry. A small white brand plate
   keeps the complete mark visible on PatternFly's dark masthead. */
.pf-v5-c-masthead__brand > img,
img.keycloak__pageheader_brand {
  width: 40px;
  height: 40px;
  object-fit: contain;
  box-sizing: border-box;
  padding: 3px;
  border-radius: 4px;
  background: #fff;
}

div.kc-logo-text {
  box-sizing: border-box;
  padding: 8px;
  border-radius: 8px;
  background-color: #fff;
  background-size: calc(100% - 16px);
}