/* ===== 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;
}