/* Тема оформления для франшизы Z — Лавандовая */

:root {
    --brand-header-bg: #3A2D5C;
    --brand-header-fg: #F2EEFA;
    --brand-footer-bg: #3A2D5C;
    --brand-footer-fg: #D5CCE8;
    --brand-primary: #9B7FD4;
    --bs-primary-rgb: 155, 127, 212;
    --brand-primary-hover: #7F63B8;
    --brand-primary-active: #654C99;
    --brand-link-rgb: 58, 45, 92;
    --brand-link-hover-rgb: 200, 80, 30;
    --brand-danger: #C0392B;
    --brand-danger-active: #A93226;
}

.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: 155, 127, 212;
    --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);
}

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