/* Фирменные цвета навеснои.ру */
/* Основной цвет: #970101 (темно-красный) */
/* Дополнительный цвет: #62737b (серо-синий) */

/* Дополнительные стили для фирменных цветов */
:root {
    --brand-primary: #970101;
    --brand-secondary: #4E5666;
    --brand-light: #f5f5f5;
}

/* Акцентные элементы */
.brand-accent {
    color: var(--brand-primary) !important;
}

.brand-accent-bg {
    background-color: var(--brand-primary) !important;
    color: white;
}

.brand-secondary {
    color: var(--brand-secondary) !important;
}

.brand-secondary-bg {
    background-color: var(--brand-secondary) !important;
    color: white;
}

/* Ссылки с фирменными цветами */
a.brand-link {
    color: var(--brand-primary);
    text-decoration: none;
    transition: color 0.3s ease;
}

a.brand-link:hover {
    color: var(--brand-secondary);
    text-decoration: none;
}

/* Кнопки с фирменными цветами */
.btn-brand {
    background-color: var(--brand-primary);
    border-color: var(--brand-primary);
    color: white;
}

.btn-brand:hover {
    background-color: var(--brand-secondary);
    border-color: var(--brand-secondary);
    color: white;
}

.btn-brand:focus,
.btn-brand.focus {
    box-shadow: 0 0 0 0.2rem rgba(151, 1, 1, 0.25);
}

/* Градиентные кнопки */
.btn-brand-gradient {
    background: linear-gradient(135deg, var(--brand-primary), #7a0101);
    border: none;
    color: white;
    transition: all 0.3s ease;
}

.btn-brand-gradient:hover {
    background: linear-gradient(135deg, #7a0101, var(--brand-primary));
    color: white;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(151, 1, 1, 0.3);
}

.btn-brand-gradient:focus,
.btn-brand-gradient.focus {
    box-shadow: 0 0 0 0.2rem rgba(151, 1, 1, 0.25);
}

.btn-brand-gradient-compact {
    background: linear-gradient(135deg, var(--brand-primary), #7a0101);
    border: none;
    color: white;
    padding: 0.5rem 1.5rem;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.btn-brand-gradient-compact:hover {
    background: linear-gradient(135deg, #7a0101, var(--brand-primary));
    color: white;
    transform: translateY(-1px);
    box-shadow: 0 3px 10px rgba(151, 1, 1, 0.3);
}

/* Границы с фирменными цветами */
.border-brand {
    border-color: var(--brand-primary) !important;
}

.border-brand-secondary {
    border-color: var(--brand-secondary) !important;
}

/* Выделение текста */
::selection {
    background-color: var(--brand-primary);
    color: white;
}

::-moz-selection {
    background-color: var(--brand-primary);
    color: white;
}

/* Индикаторы загрузки */
.spinner-brand {
    border-color: var(--brand-secondary);
    border-top-color: var(--brand-primary);
}

/* Дополнительные элементы */
.badge-brand {
    background-color: var(--brand-primary);
    color: white;
}

.alert-brand {
    background-color: rgba(151, 1, 1, 0.1);
    border-color: var(--brand-primary);
    color: var(--brand-primary);
}

/* Прогресс-бары */
.progress-bar-brand {
    background-color: var(--brand-primary);
}

/* Навигация с фирменными цветами */
.nav-brand .nav-link.active {
    color: var(--brand-primary);
    border-bottom: 2px solid var(--brand-primary);
}

.nav-brand .nav-link:hover {
    color: var(--brand-secondary);
}