Предположительная схема разбивки index макета на блоки

У тебя `news__heading`, `gallery__heading`, `contacts__heading`, `appointment__heading` и другие заголовки на этой и других страницах совсем одинаковые. Ещё они похожи на заголовки `features`, отличаются от них только цветом. Можно сделать блок `header`, например, с модификатором `theme`, который может быть `dark` или `bright` (а потом можно будет легко добавить, например, `yellow` или `red`).

Но тут бы я не стала задавать стили по дефолту, как по дефолту мы обсуждали в `button`. Потому что тогда бы получилось перекрытие CSS. То есть в `header.css` я бы прописала стили типа размера и отступов, а цвета писала бы уже в `header_theme_dark.css` и `header_theme_bright.css`. Зато если модификатор темы не передали, можно установить его в `dark`:
```js
bh.match('header', function(ctx) {
    ctx.mod('theme', 'dark');
});
```