/* Тема оформления для франшизы Z (синяя версия) */

:root {
    --brand-header-bg: #1A3A5C; /* темно-синий для хедера/футера */
    --brand-header-fg: #E8F0FE; /* светлый текст на темном фоне */
    --brand-footer-bg: #1A3A5C;
    --brand-footer-fg: #B8D0E8;
    --brand-primary: #2A6F97; /* основной синий (кнопки, акценты) */
    --bs-primary-rgb: 42, 111, 151; /* RGB для Bootstrap */
    --brand-primary-hover: #1F5780; /* темнее при наведении */
    --brand-primary-active: #15405E; /* еще темнее при клике */
    --brand-link-rgb: 26, 58, 92; /* цвет ссылок (темно-синий) */
    --brand-link-hover-rgb: 200, 80, 30; /* оранжевый оттенок для hover (контраст) */
    --brand-danger: #B03A2E; /* красный для опасных действий */
    --brand-danger-active: #8E2D22; /* темно-красный при клике */
}

/* Хедер */
.app-header .navbar {
    background-color: var(--brand-header-bg);
}

    .app-header .navbar .navbar-brand,
    .app-header .navbar .nav-link,
    .app-header .navbar .bi,
    .app-header .navbar .navbar-toggler {
        color: var(--brand-header-fg);
        --bs-navbar-toggler-border-color: var(--brand-header-fg);
    }

        .app-header .navbar .nav-link.active {
            color: var(--brand-header-fg);
            font-weight: 500;
        }

/* Футер */
.app-footer {
    background-color: var(--brand-footer-bg);
    color: var(--brand-footer-fg);
}

    .app-footer a {
        color: var(--brand-footer-fg);
    }

/* Кнопки и ссылки */
.btn-primary {
    --bs-btn-bg: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary-hover);
    --bs-btn-hover-border-color: var(--brand-primary-hover);
    --bs-btn-active-bg: var(--brand-primary-active);
    --bs-btn-active-border-color: var(--brand-primary-active);
    --bs-btn-disabled-bg: var(--brand-primary);
    --bs-btn-disabled-border-color: var(--brand-primary);
}

/* outline primary-кнопка */
.btn-outline-primary {
    --bs-btn-color: var(--brand-primary);
    --bs-btn-border-color: var(--brand-primary);
    --bs-btn-hover-bg: var(--brand-primary);
    --bs-btn-hover-border-color: var(--brand-primary);
    --bs-btn-focus-shadow-rgb: 42, 111, 151;
    --bs-btn-active-color: var(--brand-header-fg);
    --bs-btn-active-bg: var(--brand-primary);
    --bs-btn-active-border-color: var(--brand-primary);
    --bs-btn-disabled-color: var(--brand-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--brand-primary);
}

/* outline danger-кнопка */
.btn-outline-danger {
    --bs-btn-color: var(--brand-danger);
    --bs-btn-border-color: var(--brand-danger);
    --bs-btn-hover-bg: var(--brand-danger);
    --bs-btn-hover-border-color: var(--brand-danger);
    --bs-btn-active-bg: var(--brand-danger-active);
    --bs-btn-active-border-color: var(--brand-danger-active);
}

/* ГРУППА - активный элемент */
.list-group-item.active {
    --bs-list-group-active-bg: var(--brand-primary);
    --bs-list-group-active-border-color: var(--brand-primary);
}

a {
    --bs-link-color-rgb: var(--brand-link-rgb);
    --bs-link-hover-color-rgb: var(--brand-link-hover-rgb);
}