/* Переопределение переменных Bootstrap */
:root {
    --bs-primary: #6c63ff;
    --bs-secondary: #808080;
    --bs-success: #3fa65c;
    --bs-danger: #ff6584;
    --bs-warning: #ffc107;
    --bs-info: #4bbebb;
    --bs-light: #f2f2f2;
    --bs-dark: #212529;
}

/* Фоны */
.bg-primary {
    background-color: var(--bs-primary) !important;
}

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

.bg-success {
    background-color: var(--bs-success) !important;
}

.bg-danger {
    background-color: var(--bs-danger) !important;
}

.bg-warning {
    background-color: var(--bs-warning) !important;
}

.bg-info {
    background-color: var(--bs-info) !important;
}

.bg-light {
    background-color: var(--bs-light) !important;
}

.bg-dark {
    background-color: var(--bs-dark) !important;
}

/* Текст */
.text-primary {
    color: var(--bs-primary) !important;
}

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

.text-success {
    color: var(--bs-success) !important;
}

.text-danger {
    color: var(--bs-danger) !important;
}

.text-warning {
    color: var(--bs-warning) !important;
}

.text-info {
    color: var(--bs-info) !important;
}

.text-light {
    color: var(--bs-light) !important;
}

.text-dark {
    color: var(--bs-dark) !important;
}

/* Границы */
.border-primary {
    border-color: var(--bs-primary) !important;
}

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

.border-success {
    border-color: var(--bs-success) !important;
}

.border-danger {
    border-color: var(--bs-danger) !important;
}

.border-warning {
    border-color: var(--bs-warning) !important;
}

.border-info {
    border-color: var(--bs-info) !important;
}

.border-light {
    border-color: var(--bs-light) !important;
}

.border-dark {
    border-color: var(--bs-dark) !important;
}

/* Кнопки */
.btn-primary {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-primary:hover, .btn-primary:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-secondary {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-secondary:hover, .btn-secondary:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-success {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-success:hover, .btn-success:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-danger {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-danger:hover, .btn-danger:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-warning {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
    color: #212529 !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-warning:hover, .btn-warning:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-info {
    background-color: var(--bs-info) !important;
    border-color: var(--bs-info) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-info:hover, .btn-info:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-light {
    background-color: var(--bs-light) !important;
    border-color: var(--bs-light) !important;
    color: #212529 !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-light:hover, .btn-light:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

.btn-dark {
    background-color: var(--bs-dark) !important;
    border-color: var(--bs-dark) !important;
    color: #fff !important;
    transition: background-color 0.3s ease, background-image 0.3s ease;
}

    .btn-dark:hover, .btn-dark:active {
        background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)) !important;
    }

/* Бейджи */
.badge-primary {
    background-color: var(--bs-primary) !important;
}

.badge-secondary {
    background-color: var(--bs-secondary) !important;
}

.badge-success {
    background-color: var(--bs-success) !important;
}

.badge-danger {
    background-color: var(--bs-danger) !important;
}

.badge-warning {
    background-color: var(--bs-warning) !important;
}

.badge-info {
    background-color: var(--bs-info) !important;
}

.badge-light {
    background-color: var(--bs-light) !important;
}

.badge-dark {
    background-color: var(--bs-dark) !important;
}

/* Алерты */
.alert-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.alert-secondary {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}

.alert-success {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}

.alert-danger {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}

.alert-warning {
    background-color: var(--bs-warning) !important;
    color: #212529 !important;
}

.alert-info {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}

.alert-light {
    background-color: var(--bs-light) !important;
    color: #212529 !important;
}

.alert-dark {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}

/* Таблицы */
.table-primary {
    background-color: var(--bs-primary) !important;
    color: #fff !important;
}

.table-secondary {
    background-color: var(--bs-secondary) !important;
    color: #fff !important;
}

.table-success {
    background-color: var(--bs-success) !important;
    color: #fff !important;
}

.table-danger {
    background-color: var(--bs-danger) !important;
    color: #fff !important;
}

.table-warning {
    background-color: var(--bs-warning) !important;
    color: #212529 !important;
}

.table-info {
    background-color: var(--bs-info) !important;
    color: #fff !important;
}

.table-light {
    background-color: var(--bs-light) !important;
    color: #212529 !important;
}

.table-dark {
    background-color: var(--bs-dark) !important;
    color: #fff !important;
}