/* ===== Base toast style (applies to all toasts) ===== */
.Toastify__toast {
  font-family: var(--font-inter);
  background-color: var(--color-bg-light);
  border: 2px solid var(--color-block);
  color: var(--color-bg-dark);
  border-radius: 8px;
  box-shadow: none;
}

/* ===== Base toast style for dark mode ===== */
.dark .Toastify__toast {
  background-color: var(--color-bg-dark);
  border: 1px solid var(--color-block);
  color: #ffffff;
}

/* ===== Error toast: red background and white text ===== */
.Toastify__toast--error {
  background-color: var(--color-bg-light);
}

/* ===== Error toast in dark mode: darker red background ===== */
.dark .Toastify__toast--error {
  background-color: var(--color-bg-dark);
}

/* ===== Default progress bar color (used for success and others) ===== */
.Toastify__progress-bar {
  background-color: var(--color-accent-green-dark);
}

/* ===== Error toast: custom progress bar color ===== */
.Toastify__toast--error .Toastify__progress-bar {
  background-color: #dc3545;
}

/* ===== Success toast: icon color ===== */
.Toastify__toast--success .Toastify__toast-icon svg {
  fill: var(--color-accent-green-dark);
}

/* ===== Error toast: icon color ===== */
.Toastify__toast--error .Toastify__toast-icon svg {
  fill: #dc3545;
}

/* ===== Close button color in dark mode ===== */
.dark .Toastify__close-button {
  color: #fff;
}
