/* Тема оформления для франшизы Z — Голубая с желтым акцентом */

:root {
    --brand-header-bg: #2A5A72;
    --brand-header-fg: #F0F4F5;
    --brand-footer-bg: #2A5A72;
    --brand-footer-fg: #C8D8E0;
    --brand-primary: #4A8AA8;
    --bs-primary-rgb: 74, 138, 168;
    --brand-primary-hover: #3A768E;
    --brand-primary-active: #2A5E72;
    --brand-link-rgb: 42, 90, 114;
    --brand-link-hover-rgb: 200, 170, 70; /* желтый только при наведении */
    --brand-danger: #B03A2E;
    --brand-danger-active: #8E2D22;
    /* Желтый — только как акцент */
    --brand-accent: #D4B860;
    --bs-accent-rgb: 212, 184, 96;
}

.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);
}

.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: 74, 138, 168;
    --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);
}

/* Акцентная желтая кнопка — для CTA */
.btn-accent {
    --bs-btn-bg: var(--brand-accent);
    --bs-btn-border-color: var(--brand-accent);
    --bs-btn-color: #2A2A1A;
    --bs-btn-hover-bg: #C4A850;
    --bs-btn-hover-border-color: #C4A850;
    --bs-btn-hover-color: #1A1A0A;
    --bs-btn-active-bg: #B49840;
    --bs-btn-active-border-color: #B49840;
    --bs-btn-active-color: #1A1A0A;
}

.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);
}