/* css/style.css */

body.dark-mode {
  background-color: #1c1c1c !important;
  color: #f1f1f1;
}

.dark-mode .w3-light-grey {
  background-color: #333 !important;
  color: #f1f1f1 !important;
}

.dark-mode .w3-orange {
  background-color: #444 !important;
  color: #f1f1f1 !important;
}

.w3-card img {
  border-radius: 8px;
}

.w3-bar .w3-button {
  font-weight: bold;
}

h1, h2, h3, h4 {
  color: #333;
}

/* Tambahan responsif jika perlu */
@media (max-width: 600px) {
  .w3-half, .w3-third {
    width: 100% !important;
    margin-bottom: 16px;
  }
}