/* components/notification.css: Стили уведомлений */
.notification {
    position: fixed;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    padding: var(--spacing-sm) var(--spacing-md);
    background: var(--beige);
    color: var(--dark-gray);
    border: 2px solid var(--concrete-gray);
    border-radius: var(--border-radius);
    font-family: var(--font-secondary);
    font-size: 14px;
    max-width: 300px;
    text-align: center;
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
    z-index: 1000;
    box-shadow: 2px 2px 0 var(--brick-red);
}

.notification.success {
    background: var(--vintage-green);
    color: var(--aged-white);
}

.notification.error {
    background: var(--brick-red);
    color: var(--aged-white);
}

.notification.visible {
    opacity: 1;
}