:root,
.dark {
  --primary: 240 100% 25% !important;
  --ring: 240 100% 25% !important;
  --sidebar-primary: 240 100% 25% !important;
  --sidebar-ring: 240 100% 25% !important;
}

.username-password-hidden {
  display: none !important;
}

#register-username {
  margin-top: -0.75rem;
  background: transparent;
  color: currentColor;
  border: 1px solid hsl(var(--border));
}

#register-username:hover {
  background: #000066;
}

form button[type="submit"],
#register-username {
  background: #000080 !important;
  border-color: #000080 !important;
  color: #ffffff !important;
}

form button[type="submit"]:hover,
#register-username:hover {
  background: #000066 !important;
  border-color: #000066 !important;
}

.username-register-status {
  min-height: 1.25rem;
  margin-top: -0.75rem;
  text-align: center;
  font-size: 0.875rem;
}

.username-register-status.success {
  color: #16a34a;
}

.username-register-status.error {
  color: hsl(var(--destructive));
}

img[src*="logo_light.png"],
img[src*="logo_dark.png"] {
  width: 120px !important;
  height: auto !important;
  object-fit: contain;
}