adequm

В чистом css можно создавать переменные:
(внутри файла style.css)
:root {
--color: #eee;
-fontSize: 14px;
}

После используй эти переменные в любом месте
body {
backgroud-color: var(--color);
font-size: var(--fontSize);
}

Ты можешь в любой момент спокойно вставить в html тег

=> автоматически сменятся стили использующие твои переменные. Так, к примеру, можно легко переключать тему (дневная/ночная) сайта лишь изменив тег

Используй препроцессоры и компонентный подход (все по полочкам, все по разным файлам) - к примеру, Vue + Bootstrap-Vue + SCSS. Сделай себе заготовок заранее, настрой скрипты Emmet (сделать аналог ! + tab).
Можно просто смотреть вёрстку понравившихся проектов