body {
  background: #f0f2f5;
  font-family: 'Segoe UI', sans-serif;
}

.navbar {
  background: linear-gradient(90deg, #1877f2, #0d6efd);
}

.card {
  border-radius: 15px;
  border: none;
}

.post-card:hover {
  transform: scale(1.01);
  transition: 0.2s;
}

.btn-primary {
  border-radius: 10px;
}

.answer-box {
  background: #f7f7f7;
  padding: 10px;
  border-radius: 10px;
  margin-top: 5px;
}

/* 🌙 DARK MODE */
body.dark {
  background: #18191a;
  color: #e4e6eb;
}

body.dark .card {
  background: #242526;
  color: #e4e6eb;
}

body.dark .navbar {
  background: #242526 !important;
}

body.dark .text-muted {
  color: #b0b3b8 !important;
}

body.dark .answer-box {
  background: #3a3b3c;
}


textarea {
  border-radius: 10px;
}

input {
  border-radius: 10px;
}

.card {
  transition: 0.2s;
}

.card:hover {
  transform: scale(1.01);
}