Как использовали стили на последнем проекте

Мы использовали модульные SCSS-файлы для каждого компонента, что позволяло изолировать стили и избегать конфликтов. Основные глобальные стили (переменные, миксины, сбросы) выносили в отдельные файлы.

Пример структуры:

// variables.scss
$primary: #4285f4;
$text-color: #333;

// Button.module.scss
.button {
  background: $primary;
  color: white;
  padding: 8px 16px;
  
  &--disabled {
    opacity: 0.5;
  }
}

Для динамических стилей применяли CSS-in-JS (Emotion) там, где нужны были сложные условия. Также использовали CSS-переменные для тем и адаптива.