/**
 * Исправление контрастности активных элементов
 * Все активные кнопки с accent-primary фоном получают черный текст
 */

/* Навигация */
.nav-item.active {
    color: #000000 !important;
    font-weight: 600 !important;
}

.nav-item:hover {
    color: var(--accent-primary) !important;
}

/* Кнопки с accent-primary фоном */
.btn-primary,
button.btn-primary,
a.btn-primary {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Фильтры */
.filter-btn.active,
.type-btn.active,
.period-btn.active,
.mood-btn.active {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Опции теста */
.test-option.selected {
    color: #000000 !important;
    font-weight: 600 !important;
}

/* Теги и бейджи с accent-primary */
.tag.active,
.badge.active,
.chip.active {
    color: #000000 !important;
}

/* Админка */
.admin-nav .nav-item.active {
    color: var(--admin-accent) !important;
    background: rgba(78, 205, 196, 0.15) !important;
    font-weight: 600 !important;
}

/* Любой элемент с accent-primary фоном */
[style*="background: var(--accent-primary)"],
[style*="background-color: var(--accent-primary)"] {
    color: #000000 !important;
}

/* Убедимся что белый текст не используется на голубом */
.bg-accent-primary {
    background: var(--accent-primary);
    color: #000000 !important;
}

/* Hover состояния должны быть полупрозрачными */
.nav-item:hover:not(.active) {
    background: rgba(78, 205, 196, 0.1) !important;
}