/* Переопределение переменных под Bootstrap и сохранение стилистики */
:root {
    --bg-main: #0b0714;
    --bg-card: #1d0f33; /* Сделал карточки чуть темнее для контраста */
    --header-bg: #140b24;
    --accent: #7e57c2;
    --accent-hover: #9575cd;
}

body.bg-main {
    background-color: var(--bg-main);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

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

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

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

/* Кнопка */
.btn-accent {
    background-color: var(--accent);
    color: white;
    border: none;
    transition: all 0.3s ease;
}
.btn-accent:hover {
    background-color: var(--accent-hover);
    color: white;
    transform: scale(1.05);
}

/* Ховер-эффекты для карточек */
.step-card {
    transition: transform 0.3s ease, background-color 0.3s ease;
    background-color: rgba(255, 255, 255, 0.02);
}
.step-card:hover {
    transform: translateY(-5px);
    background-color: rgba(126, 87, 194, 0.1);
    border-color: var(--accent) !important;
}

/* Кастомный Аккордеон */
.custom-accordion .accordion-button {
    box-shadow: none !important;
}
.custom-accordion .accordion-button:not(.collapsed) {
    background-color: rgba(126, 87, 194, 0.2) !important;
    color: var(--accent-hover) !important;
}
.custom-accordion .accordion-button::after {
    filter: invert(1); /* Делает стрелочку белой в темной теме */
}

/* Ссылки */
a.footer-link {
    transition: color 0.3s ease;
}
a.footer-link:hover {
    color: var(--accent-hover) !important;
}

body.bg-main, 
.card-body, 
p,
.accordion-body,
.list-group-item {
    color: #e0dced !important; 
}

/* Переопределяем стандартный серый text-muted от Bootstrap */
.text-muted {
    color: #b3a7c9 !important; /* Делаем его светло-сиреневым, чтобы хорошо читался */
}

/* Белый цвет для выделенного текста, чтобы он контрастировал */
strong, b {
    color: #ffffff !important;
}

/* Исправляем цвет в футере, если он тоже сливается */
.footer-link {
    color: #b3a7c9 !important;
}