/* Toast notifications */
.toast {
    position: fixed;
    bottom: 24px;
    left: 50%;
    transform: translate(-50%, 100px);
    background: var(--color-bg-dark);
    color: #fff;
    padding: 14px 24px;
    border-radius: var(--radius-md);
    font-weight: 600;
    z-index: 9999;
    opacity: 0;
    transition: all 0.3s ease;
    max-width: 90vw;
    box-shadow: var(--shadow-lg);
}

.toast--show {
    opacity: 1;
    transform: translate(-50%, 0);
}

.toast--error {
    background: var(--color-danger);
}



.toast--success {
    background: #00c853;
}