:root {
  --primary-color: #a8c7bb;   /* Hijau sage lembut */
  --secondary-color: #dcebe6; /* Pastel hijau muda */
  --accent-color: #f6b094;    /* Coral lembut */
  --text-color: #2f2f2f;      /* Abu gelap netral */
  --background-color: #f9fbfa;/* Putih kehijauan */
  --error-color: #e57373;     /* Merah kalem */
}

body {
  font-family:'Segoe UI', Tahoma, sans-serif;
  background: linear-gradient(
    135deg,
    var(--primary-color),
    var(--secondary-color)
  );
  color: var(--text-color);
  margin: 0;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.content {
  background: white;
  padding: 2.5rem;
  border-radius: 1rem;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
  max-width: 850px;
  width: 100%;
  margin: 2rem auto;
  position: relative;
  z-index: 1;
}

/* Button */
/*.btn-primary {
  background-color: var(--primary-color);
  color: white;
  border: none;
}*/
/*.btn-primary:hover {
  background-color: #8fb3a5;
}*/

/*.btn-success {
  background-color: var(--accent-color);
  color: white;
  border: none;
}*/
/*.btn-success:hover {
  background-color: #f38a66;
}*/

/* Judul */
.card-title {
  font-size: 2.25rem;
  font-weight: 700;
  color: #3b4d46; /* hijau sage gelap → lebih kontras */
  margin-bottom: 0.5rem;
  text-align: center;
}

.card-subtitle {
  color: #6c757d; /* lebih gelap dari sebelumnya */
  margin-bottom: 2rem;
  font-size: 1rem;
  text-align: center;
}

/* Footer */
footer {
  background: linear-gradient(135deg, var(--primary-color), var(--secondary-color));
  color: #666; /* teks lebih gelap, netral */
  text-align: center;
  padding: 1rem;
  margin-top: auto;
  font-size: 0.9rem;
  font-weight: 400;
}

/* Highlight box */
.highlight-box {
  background: #fdfefc;
  border-left: 4px solid var(--accent-color);
  padding: 1rem 1.25rem;
  border-radius: 0.5rem;
  margin: 1.5rem 0;
  color: #3e4a45;
  font-size: 0.95rem;
  line-height: 1.6;
}

.highlight-amount {
  color: var(--accent-color);
  font-weight: 700;
  font-size: 1.05rem;
}


.highlight {
  background-color: #f6d365; /* kuning emas */
  padding: 2px 4px;
  border-radius: 3px;
}