/* ========================================================================== Тёмная тема страницы (UI-Kit страницы бренда Gradera, Figma section 159:11668). Включается классом .theme-dark на . В WordPress это мета-поле страницы-переключатель «Тёмная тема» (тема добавляет класс через body_class и в редакторе — через фильтр admin_body_class, чтобы превью совпадало). Подключается ПОСЛЕ стилей блоков. Здесь только цвета: раскладка общих блоков (faq, contact) одинакова в светлом и тёмном макетах и живёт в их собственных стилях. Собственные блоки страницы бренда (gradera-*) сразу свёрстаны тёмными. ========================================================================== */ .theme-dark { --bg-page: #121212; --text-main: var(--color-grey); --surface-dark: #1f1f1f; } .theme-dark .section__title { color: var(--color-grey); } .theme-dark .section__lead { color: var(--color-text); } /* --- Вопрос-ответ --------------------------------------------------------*/ .theme-dark .accordion__item { background-color: var(--surface-dark); } .theme-dark .accordion__header { color: var(--color-grey); } .theme-dark .accordion__icon { color: var(--color-orange); } .theme-dark .accordion__body { color: rgba(238, 239, 241, 0.7); } /* --- Форма связи ---------------------------------------------------------*/ .theme-dark .contact__panel { background-color: var(--surface-dark); } .theme-dark .contact__form-title { color: var(--color-grey); } .theme-dark .contact__form-note { color: var(--color-text); } .theme-dark .field__label, .theme-dark .btn--download { color: var(--color-grey); } .theme-dark .file-row { background-color: var(--color-black); }