:root {
  --keycloak-card-top-color: #6fd10a;
  --carbonlead-green: #6fd10a;
  --carbonlead-green-dark: #58ad08;
  --carbonlead-green-soft: rgba(111, 209, 10, 0.28);
  --pf-v5-global--primary-color--100: #6fd10a;
  --pf-v5-global--primary-color--200: #58ad08;
  --pf-v5-global--active-color--100: #6fd10a;
  --pf-v5-global--focus-color--100: #6fd10a;
}

#kc-header-wrapper.pf-v5-c-brand {
  display: block;
  width: min(280px, 70vw);
  min-height: 88px;
  margin: 0 auto 0.75rem;
  background: url("../img/cl-logo.png") center center / contain no-repeat;
  color: transparent;
  font-size: 0;
  line-height: 0;
  overflow: hidden;
}

#kc-header {
  margin-bottom: 1rem;
}

.pf-v5-c-login__main-header {
  border-top: 4px solid var(--carbonlead-green) !important;
}

.pf-v5-c-button.pf-m-primary,
#kc-login {
  background: var(--carbonlead-green) !important;
  border-color: var(--carbonlead-green) !important;
  color: #132100 !important;
}

.pf-v5-c-button.pf-m-primary:hover,
.pf-v5-c-button.pf-m-primary:focus,
.pf-v5-c-button.pf-m-primary:focus-visible,
#kc-login:hover,
#kc-login:focus,
#kc-login:focus-visible {
  background: var(--carbonlead-green-dark) !important;
  border-color: var(--carbonlead-green-dark) !important;
  color: #ffffff !important;
}

.pf-v5-c-form-control:focus,
.pf-v5-c-form-control:focus-visible,
input.pf-v5-c-form-control:focus,
input.pf-v5-c-form-control:focus-visible {
  border-color: var(--carbonlead-green) !important;
  box-shadow: 0 0 0 0.2rem var(--carbonlead-green-soft) !important;
}

a {
  color: var(--carbonlead-green);
}

a:hover,
a:focus,
a:focus-visible {
  color: var(--carbonlead-green-dark);
}