/* Main CSS File - Imports all styles */

/* 1. Variables - должны быть первыми */
@import url('./variables.css');

/* 2. Base styles - общие стили и сброс */
@import url('./base.css');

/* 3. Components - компоненты в порядке появления на странице */
@import url('./components/loading.css');
@import url('./components/navigation.css');
@import url('./components/hero.css');
@import url('./components/services.css');
@import url('./components/portfolio.css');
@import url('./components/reviews.css');
@import url('./components/about.css');
@import url('./components/faq.css');
@import url('./components/contact.css');
@import url('./components/footer.css');
@import url('./components/modal.css');
@import url('./components/cookie-consent.css');

/* 
Порядок импорта важен:
1. Variables - переменные CSS доступны во всех файлах
2. Base - базовые стили и сброс
3. Components - компоненты в порядке их появления на странице

Теперь вместо одного большого файла styles.css 
можно подключить этот файл main.css в HTML:
<link rel="stylesheet" href="assets/styles/main.css">

Преимущества:
- Модульность: каждый компонент в отдельном файле
- Удобство поддержки: легко найти и изменить стили конкретного компонента
- Переиспользование: компоненты можно использовать в других проектах
- Производительность: можно подключать только нужные компоненты
- Командная работа: разные разработчики могут работать с разными компонентами
*/