body {
  background-color: #1f1f1f;
  color: #ddd;
}

a {
  color: #b39ddb;
}

a:hover {
  color: #d1c4e9;
}

.countdown-badge {
  background-color: #9575cd;
  color: white;
}

.floating-post-btn {
  background-color: #7e57c2;
  color: white;
  box-shadow: 0 0 12px rgba(179, 157, 219, 0.6);
}

.floating-post-btn:hover {
  background-color: #9575cd;
  box-shadow: 0 0 12px rgba(179, 157, 219, 0.6);
}

.post-modal-submit:hover {
  background-color: #9575cd;
  box-shadow: 0 0 8px rgba(179, 157, 219, 0.5);
}

.imamise-link-btn {
  background-color: #1a1a1a;
  color: #e1d0f7;
  border: 2px solid #b39ddb;
  box-shadow: 0 0 10px rgba(179, 157, 219, 0.3);
}

.imamise-link-btn:hover {
  background-color: #b39ddb;
  color: #000;
  box-shadow: 0 0 15px rgba(179, 157, 219, 0.7);
}

@keyframes pulse {
  0%   { transform: scale(1);    box-shadow: 0 0 0 0 rgba(179, 157, 219, 0.4); }
  70%  { transform: scale(1.05); box-shadow: 0 0 0 10px rgba(179, 157, 219, 0); }
  100% { transform: scale(1);    box-shadow: 0 0 0 0 rgba(179, 157, 219, 0); }
}

.card {
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

.post-card {
  background-color: #1a101a;
  color: #f0e6f9;
  box-shadow: 0 0 8px rgba(179, 157, 219, 0.2);
}

.post-card:hover {
  box-shadow: 0 0 12px rgba(179, 157, 219, 0.4);
}

.text-danger {
  color: #ff4d4d !important;
}

.wild-title {
  color: #e9d9ff;
  text-shadow: 0 0 8px rgba(179, 157, 219, 0.5);
}

.wild-emphasis {
  background-color: #b39ddb;
  text-shadow: 0 0 6px rgba(0, 0, 0, 0.6);
}

@media (max-width: 480px) {
  .wild-title {
    font-size: 1.5rem;
  }
  .wild-emphasis {
    font-size: 1.1rem;
  }
}

.reload-float-btn {
  background-color: #9575cd;
}

.reload-float-btn:hover {
  background-color: #9575cd;
}

.reaction-btn {
  border: 1px solid #8e44ad;
  color: #ce93d8;
}

.reaction-btn:hover {
  background-color: #8e44ad;
  color: #fff;
  box-shadow: 0 0 8px #8e44ad;
}

.reaction-btn:disabled:hover {
  color: #ce93d8;
}

.reaction-btn.reacted {
  background-color: #6a1b9a;
  color: #fff;
  border-color: #ce93d8;
}

.post-modal-submit {
  background-color: #7e57c2;
  color: white;
}

.tip-box {
  background-color: #2a2a2a;
  border-left: 6px solid #b39ddb;
  color: #f8eafe;
  box-shadow: 0 0 10px rgba(179, 157, 219, 0.2);
}

.tip-box strong {
  color: #e1bee7;
}