/* ==========================================================================
   Rock It Up — ponto de entrada do CSS

   A ordem das camadas abaixo define a cascata: quem vem depois vence,
   independentemente de especificidade. Isso evita brigas de seletor.

     tokens      variáveis de marca, tema claro/escuro, tipografia
     base        reset, tipografia, layout genérico (.wrap, .section)
     components  peças reutilizáveis (botões, cards, carrossel, contador)
     sections    estilos de cada seção da página (um arquivo por seção)
     effects     animações de entrada e saída ao rolar (valem por cima de tudo)

   Para produção, empacote estes arquivos com um bundler (Vite, Lightning CSS
   ou esbuild) para virar uma única requisição.
   ========================================================================== */

@layer tokens, base, components, sections, effects;

@import url("tokens.css") layer(tokens);

@import url("base.css") layer(base);

@import url("components/buttons.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/carousel.css") layer(components);
@import url("components/stat.css") layer(components);

@import url("sections/header.css") layer(sections);
@import url("sections/hero.css") layer(sections);
@import url("sections/services.css") layer(sections);
@import url("sections/about.css") layer(sections);
@import url("sections/why.css") layer(sections);
@import url("sections/stats.css") layer(sections);
@import url("sections/works.css") layer(sections);
@import url("sections/testimonials.css") layer(sections);
@import url("sections/faq.css") layer(sections);
@import url("sections/cta.css") layer(sections);
@import url("sections/footer.css") layer(sections);
@import url("sections/support.css") layer(sections);

@import url("effects/reveal.css") layer(effects);