Какой решение будет семантичнее?

Добрый день коллеги

Есть задача сделать несколько лэндингов с одинаковым html но с разным цветовыми шаблонами.
Какой способ будет более семантичным ? ( не уверен, что я правильно склоняю это слово )

Вариант 1

div.scheme-1
    div.top-bl
    div.bottom-bl

Вариант 2

div.top-bl.scheme-1
div.bottom-bl.scheme-1

Вариант 3
так же в комментариях подсказали еще одни вариант

<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/sheme-1.css">

div.top-bl
div.bottom-bl