/* Тема оформления для франшизы Z — Пурпурная */

:root {
    --brand-header-bg: #2D1B4E;
    --brand-header-fg: #F0EBF8;
    --brand-footer-bg: #2D1B4E;
    --brand-footer-fg: #D5C8E8;
    --brand-primary: #7C4DFF;
    --bs-primary-rgb: 124, 77, 255;
    --brand-primary-hover: #6339E0;
    --brand-primary-active: #4D2BB5;
    --brand-link-rgb: 45, 27, 78;
    --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: 124, 77, 255;
    --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);
}