Альтернатива глобальным переменным переменным в проекте?

Подскажите, я еще новичок в web-разработке. Есть проект на основе БЭМ, который собирается из компонентов. Каждый компонент независим. В проекте есть готовый набор цветов (их 8) и шрифтов (их 2). Прописывать ли их как переменные ,допустим, в файле variables.scss, но тогда компоенты, которые используют эти переменные, станут зависимыми от этого файла. И если выдернуть компонент в другой проект, то придется тащить и variables.scss, я так понимаю? Есть ли какие идеи обойтись без "глобальных" переменных?