/* Тёмная тема для css/index.css (лендинг тренеров, общие блоки страниц сайта).
   Цвета палитры — css/theme.css; здесь только то, что в index.css задано литералами
   или требует другого решения в тёмной теме. */

/* Градиент --landing-gradient в тёмной палитре светлый: на нём читается текст-градиент
   статистики, но не белый текст экрана — для него градиент темнее */
html[data-theme="dark"] .landing-hero {
    background: linear-gradient(135deg, #2c3896 0%, #4c5fdb 100%);
}

html[data-theme="dark"] .btn-primary {
    background: var(--c-surface);
    color: var(--c-accent-text);
}

html[data-theme="dark"] .btn-primary:hover {
    background: var(--c-surface-2);
}

html[data-theme="dark"] .landing-features {
    background: var(--c-surface);
}

html[data-theme="dark"] .benefit-placeholder {
    background: var(--c-surface-2);
    border-color: var(--c-border);
    color: var(--c-muted);
}

html[data-theme="dark"] .benefit-media img {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
}

html[data-theme="dark"] .landing-lesson-strip {
    background: linear-gradient(135deg, #123f70 0%, #1d5a96 100%);
}

html[data-theme="dark"] .lesson-strip-btn {
    background: var(--c-surface);
    color: var(--c-accent-text);
}