/* Background — remove polygon image */
.login-pf body,
body.login-pf {
  background: #0f1117 !important;
  background-image: none !important;
}

.login-pf-page {
  background: #0f1117 !important;
  background-image: none !important;
}

/* Login card */
.card-pf {
  background-color: #161b22 !important;
  border: 1px solid #30363d !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4) !important;
  color: #e1e4e8 !important;
}

/* Header (CREOGEN text) */
.login-pf-page-header,
#kc-header-wrapper {
  color: #e1e4e8 !important;
  font-weight: 300 !important;
  letter-spacing: 0.3em !important;
}

/* Text inside card */
.login-pf-header,
.login-pf .instruction,
.card-pf label,
.card-pf .control-label {
  color: #e1e4e8 !important;
}

.instruction {
  color: #8b949e !important;
}

/* Primary button */
.btn-primary,
.pf-c-button.pf-m-primary {
  background-color: #58a6ff !important;
  border-color: #58a6ff !important;
  color: #0f1117 !important;
}

.btn-primary:hover,
.pf-c-button.pf-m-primary:hover {
  background-color: #79b8ff !important;
  border-color: #79b8ff !important;
}

/* Input fields */
.login-pf input[type="text"],
.login-pf input[type="password"],
.pf-c-form-control {
  background-color: #0f1117 !important;
  border-color: #30363d !important;
  color: #e1e4e8 !important;
}

/* Links */
.login-pf a,
.login-pf-page a {
  color: #58a6ff !important;
}

.login-pf a:hover {
  color: #79b8ff !important;
}

/* Alerts */
.alert {
  background-color: #161b22 !important;
  border-color: #30363d !important;
  color: #e1e4e8 !important;
}