/* =========================================================================
 * M&B Tecnologia — folha de estilo principal
 * Composição em camadas (a ordem importa para o cascade):
 *   1. base      → reset, tokens, elementos, animações compartilhadas
 *   2. layout    → grid base e utilitários (.wrap, .shead, .rv)
 *   3. components→ peças reutilizáveis (cursor, progress, mesh, botões, cards)
 *   4. sections  → cada bloco da página
 *   5. utils     → preferências de movimento (mantido por último)
 * ========================================================================= */

/* 1. Base */
@import 'base/reset.css';
@import 'base/tokens.css';
@import 'base/base.css';
@import 'base/keyframes.css';

/* 2. Layout & utilitários */
@import 'layout/layout.css';

/* 3. Componentes */
@import 'components/cursor.css';
@import 'components/progress.css';
@import 'components/mesh.css';
@import 'components/buttons.css';
@import 'components/card-3d.css';

/* 4. Seções */
@import 'sections/nav.css';
@import 'sections/hero.css';
@import 'sections/hero-visual.css';
@import 'sections/ticker.css';
@import 'sections/about.css';
@import 'sections/services.css';
@import 'sections/process.css';
@import 'sections/plans.css';
@import 'sections/cta.css';
@import 'sections/footer.css';

/* 5. Preferências de movimento (deve vencer — sempre por último) */
@import 'utils/motion.css';