/* ===== Global Dark Background ===== */
* {
  box-sizing: border-box !important;
}
html, body {
  background-color: #0a0f14 !important;
  color: #e4e6eb !important;
  font-family: Arial, sans-serif;
}

/* ===== General Elements ===== */
.card, .modal-content, .dropdown-menu, .offcanvas, .toast, .form-control, .input-group-text {
  background-color: #10161d !important;
  border: 1px solid #1e252d !important;
  color: #ffffff !important;
}

.navbar, footer, header {
  background-color: #0d1117 !important;
  border-bottom: 1px solid #1e252d !important;
}

/* ===== Inputs / Textareas ===== */
input, textarea, select {
  background-color: #121820 !important;
  color: #ffffff !important;
  border: 1px solid #2a323d !important;
}
input::placeholder, textarea::placeholder {
  color: #7f8b99 !important;
}

/* ===== Buttons ===== */
.btn {
  background-color: #1c2128 !important;
  color: #ffffff !important;
  border: 1px solid #30363d !important;
  transition: all 0.2s ease-in-out;
}
.btn:hover {
  background-color: #2a3139 !important;
  border-color: #3a424d !important;
}

/* ===== Wallet Selection Buttons / List Items ===== */
.wallet_select, .select_wallet {
  background-color: #121820 !important;
  border: 1px solid #2a323d !important;
  color: white !important;
}
.wallet_select:hover, .select_wallet:hover {
  background-color: #1c232b !important;
  border-color: #3a424d !important;
}

/* ===== Modals ===== */
.modal-backdrop.show {
  background-color: rgba(0, 0, 0, 0.85) !important;
}
.modal {
  backdrop-filter: blur(6px);
}

/* ===== Scrollbar ===== */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  background: #222c36;
  border-radius: 8px;
}
::-webkit-scrollbar-track {
  background: #0a0f14;
}

/* ===== Links ===== */
a {
  color: #4dabf7 !important;
}
a:hover {
  color: #74c0fc !important;
}