body {
  background-color: #f4f8f4; /* A very light, calming green background */
}

/* Header Style */
.header-madrasah {
  background-color: #0d6e42 !important; /* A deep, formal green */
}

/* Card Headers */
.card-header {
  background-color: #e7f2ec; /* A light green for card headers */
  color: #0d6e42;
  font-weight: 500;
}

/* Main Generate Button and other primary buttons */
.btn-primary {
  background-color: #0d6e42;
  border-color: #0d6e42;
}

.btn-primary:hover {
  background-color: #0a5835; /* Darker green on hover */
  border-color: #0a5835;
}

/* Radio button group for document type */
.btn-outline-primary {
  --bs-btn-color: #0d6e42;
  --bs-btn-border-color: #0d6e42;
  --bs-btn-hover-bg: #0d6e42;
  --bs-btn-hover-color: #fff;
  --bs-btn-active-bg: #0a5835;
  --bs-btn-active-border-color: #0a5835;
}

.btn-check:checked + .btn-outline-primary {
  background-color: #0d6e42;
  color: white;
}

#hasilPrompt {
  height: 400px;
  background-color: #e9f5e9; /* Light green tint for textarea */
  border: 1px solid #ced4da;
}

.card {
  margin-bottom: 1.5rem;
}

.floating-btn {
  position: fixed;
  width: 60px;
  height: 60px;
  bottom: 40px;
  right: 40px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
  font-size: 24px;
  z-index: 100;
}