/* ========================================
   Переопределение Bootstrap переменных
   Современная цветовая схема
   ======================================== */

:root {
    --bs-primary: #4A3728;
    --bs-primary-rgb: 74, 55, 40;
    --bs-success: #2E7D32;
    --bs-success-rgb: 46, 125, 50;
    --bs-danger: #EF5350;
    --bs-danger-rgb: 239, 83, 80;
    --bs-warning: #8BC34A;
    --bs-warning-rgb: 139, 195, 74;
    --bs-info: #6B4C3A;
    --bs-info-rgb: 107, 76, 58;
}

/* Кнопка Primary (используется редко, но переопределяем) */
.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    box-shadow: var(--shadow-sm);
}

.btn-primary:hover {
    background-color: #3A2A1E;
    border-color: #3A2A1E;
    transform: translateY(-1px);
    box-shadow: var(--shadow-md);
}

.btn-primary:active {
    transform: translateY(0);
}

/* Фон Primary */
.bg-primary {
    background: linear-gradient(135deg, var(--brown-dark), var(--brown-medium)) !important;
}

/* Текст Primary */
.text-primary {
    color: var(--brown-dark) !important;
}

/* Ссылки Primary (для Bootstrap компонентов) */
.link-primary {
    color: var(--green-primary) !important;
}

.link-primary:hover {
    color: var(--green-hover) !important;
}

/* Фокус на элементах Bootstrap */
.btn-check:focus + .btn-primary,
.btn-primary:focus {
    box-shadow: 0 0 0 0.25rem rgba(74, 55, 40, 0.25);
}