/* ==========================================================================
   LIGHT THEME OVERRIDES (v2 - Усиленный контраст)
   ========================================================================== */

[data-theme="light"] {
/* Основные цвета */
    --bg-primary: #F0F1F5;       /* Чуть темнее серого, чтобы белые карточки отрывались от фона */
    --bg-card: #FFFFFF;           /* Чисто белые карточки */
    --bg-card-active: #F5F6F8;    /* Нажатое состояние */

    /* Текст */
    --text-primary: #111827;      /* Почти черный для идеальной читаемости */
    --text-secondary: #6B7280;    /* Насыщенный серый, а не блеклый */

    /* Акценты (Делаем терракотовый плотнее и ярче для белого фона) */
    --accent: #D4512A;            /* Насыщеннее, чем #E8654A */
    --accent-hover: #B8421F;      /* Еще глубже при наведении */
    --secondary: #3B6FD4;         /* Синий тоже чуть затемняем для контраста */

    /* Бордыры (Усиливаем, иначе всё сольется) */
    --border: rgba(0, 0, 0, 0.12); /* Заметная рамка */
}

/* --- Поднимаем карточки над фоном с помощью теней вместо рамок --- */
[data-theme="light"] .dash-tile,
[data-theme="light"] .benefit-card,
[data-theme="light"] .testimonial-card,
[data-theme="light"] .material-card,
[data-theme="light"] .song-card,
[data-theme="light"] .track-card,
[data-theme="light"] .fragment-card,
[data-theme="light"] .lyrics-card,
[data-theme="light"] .linked-account-item,
[data-theme="light"] .creator-intro {
    border-color: rgba(0, 0, 0, 0.06); /* Рамку делаем максимально тонкой */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06), 0 1px 2px rgba(0, 0, 0, 0.04); /* И добавляем мягкую тень */
}

/* --- Исправляем специфичные места --- */

/* Мобильною нижняя панель */
[data-theme="light"] .bottom-bar {
    background: rgba(255, 255, 255, 0.95);
    border-top-color: rgba(0, 0, 0, 0.1);
}

/* Модалки */
[data-theme="light"] .modal-overlay {
    background: rgba(0, 0, 0, 0.4);
}
[data-theme="light"] .modal-sheet {
    background: var(--bg-card);
    box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.08);
}

/* Мобильное меню */
[data-theme="light"] .mobile-menu-panel {
    background: var(--bg-card);
    box-shadow: 4px 0 15px rgba(0, 0, 0, 0.08);
}

/* Заглушки под видео и картинки */
[data-theme="light"] .video-placeholder {
    background: linear-gradient(135deg, #e8eef5, #f5f7fa);
}
[data-theme="light"] .hero-image-placeholder {
    background: linear-gradient(135deg, rgba(74, 124, 219, 0.15), rgba(74, 124, 219, 0.08));
    border-color: var(--border);
}

/* Плашки с видео (Усиливаем градиент, чтобы текст читался на светлых видео) */
[data-theme="light"] .video-overlay {
    background: linear-gradient(to top, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.85) 60%, rgba(255, 255, 255, 0.4) 100%);
}
[data-theme="light"] .video-title {
    color: #1A1C20;
    text-shadow: 0 1px 2px rgba(255, 255, 255, 0.8); /* Легкая светлая тень для отрыва от видео */
}

/* Кнопки (Делаем текст на терракотовых кнопках читаемее, если нужно) */
[data-theme="light"] .btn-primary {
    letter-spacing: 0.3px; /* Чуть уплотняем текст на ярких кнопках */
}

/* Спиннер */
[data-theme="light"] .loader-spinner {
    border-color: rgba(0, 0, 0, 0.1);
    border-top-color: var(--accent);
}

/* Бейджи на кнопках */
[data-theme="light"] .notification-badge {
    border-color: #FFFFFF;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}