/* dasapps/apps/static/css/style.css */
body {
  font-family: 'Poppins', sans-serif;
  transition: background-color 0.3s, color 0.3s;
}

[data-theme="dark"] body {
  background-color: #121212 !important;
  color: #f1f1f1 !important;
}

[data-theme="light"] body {
  background-color: #f8f9fa !important;
  color: #212529 !important;
}

/* Light mode */
[data-theme="light"] {
  background-color: #f8f9fa;
  color: #212529;
}

/* Dark mode */
[data-theme="dark"] {
  background-color: #121212;
  color: #f1f1f1;
}

/* Kartu dan elemen form */
.card {
  background-color: white;
  transition: background-color 0.3s, color 0.3s, box-shadow 0.3s;
}

[data-theme="dark"] .card {
  background-color: #2c2c2c;
  color: #f1f1f1;
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);
}

/* Form input */
input, select, textarea {
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}

[data-theme="dark"] input,
[data-theme="dark"] select,
[data-theme="dark"] textarea {
  background-color: #3a3a3a;
  color: #f1f1f1;
  border-color: #555;
}

[data-theme="dark"] .form-label {
  color: #ddd;
}

.btn {
  transition: all 0.3s;
}