Как лучше реализовать?

Да в общем можно использовать любые конструкции, по желанию. В идеале чтобы все стили были описаны в файле стилей. Если бы задачу чуть лучше знать, то можно было бы что-то придумать. Если, для примера, существуют уровни, то создать классы level-1, level-2, level-3 и т. д.

Ни чего плохого в этом нет. У вас паранойя оптимизации.

Информативным для кого? Для чувака, что раз в год откроет исходник страницы, чтобы посмотреть какая у вас cms? 😂

Не занимайтесь ерундой, лучше сайт наполняйте.

Все правильно делаешь, только возьми за правило: название стиля должно говорить не о не свойствах которые в нем применены, а о практическом смысле элементов к которым он применяется. Т.е. лучше, к примеру, product_item, last_product_item, чем padding5 и padding10.

Можно использовать класс и уточнение класса. Например:

<div class="my-class-1 detail-1">...</div>

<div class="my-class-1 detail-2">...</div>

...

<div class="my-class-2 detail-1">...</div>

А в CSS файле используем для определения стиля такие конструкции:

.my-class-1 {...}

.my-class-2 {...}

/* в следующих строчках нет пробела в CSS-селекторе*/

.my-class-1.detail-1 { ...уточняем... }

.my-class-1.detail-2 { ...уточняем... }