/**
 * DM LAB — общие интерактивные стили для основных (фирменных) кнопок.
 * Подключайте после базовых стилей компонента. На элемент: class="… dm-btn-primary"
 */

:root {
    --dm-btn-primary-shadow-hover: 0 8px 28px rgba(217, 200, 178, 0.35);
    --dm-btn-primary-shadow-focus: 0 0 0 3px rgba(217, 200, 178, 0.35);
    --dm-btn-primary-transition: transform 0.15s ease, box-shadow 0.2s ease;
}

/**
 * Основная кнопка (бежевый фон уже задаётся у .submit-btn, .notify-modal__btn и т.д.)
 * — добавляет плавное наведение, «нажатие» и фокус.
 */
.dm-btn-primary {
    transition: var(--dm-btn-primary-transition);
}

.dm-btn-primary:hover {
    box-shadow: var(--dm-btn-primary-shadow-hover);
}

.dm-btn-primary:active {
    transform: scale(0.98);
}

.dm-btn-primary:focus {
    outline: none;
}

.dm-btn-primary:focus-visible {
    box-shadow: var(--dm-btn-primary-shadow-focus);
}