Структурированный способ организации кода CSS

При создании относительно большого веб-сайта структура CSS должна быть правильно определена и организована с самого начала. Если CSS-фреймворк не используется, то все можно свалить в одну массивную таблицу стилей, но это очень быстро выйдет из строя и может стать огромным обязательством по обслуживанию.

В течение последних нескольких лет я разбивал свои таблицы стилей на различные файлы, включая: base.css, layout.css, fonts.css, elements.css, но очень легко определения стилей могут перемещаться между файлами, и этот подход требует быть более строгим. Я не использовал фреймворк, так как не люблю предустановленные столбцы и предопределенные элементы в моем коде CSS.

Какие подходы, шаблоны или советы вы можете предложить для поддержания порядка? Какие виды соглашений об именах, практики повторного использования и шаблоны полезны? Следует ли для этого использовать фреймворк?