/* ============================================================
   main.css · Unico arquivo CSS importado pelo HTML
   Ordem importa: reset -> tokens -> base -> layout -> componentes
   -> secoes -> utilitarios
   ============================================================ */

/* A ordem das camadas precisa ser declarada antes dos @import */
@layer reset, tokens, base, layout, components, sections, utilities;

@import url('00-reset.css') layer(reset);
@import url('01-tokens.css') layer(tokens);
@import url('02-base.css') layer(base);
@import url('03-layout.css') layer(layout);

@import url('components/button.css') layer(components);
@import url('components/card.css') layer(components);
@import url('components/badge.css') layer(components);
@import url('components/input.css') layer(components);
@import url('components/accordion.css') layer(components);
@import url('components/marquee.css') layer(components);
@import url('components/trace.css') layer(components);
@import url('components/nav.css') layer(components);
@import url('components/whatsapp-fab.css') layer(components);

@import url('sections/hero.css') layer(sections);
@import url('sections/prova.css') layer(sections);
@import url('sections/pilares.css') layer(sections);
@import url('sections/metodo.css') layer(sections);
@import url('sections/autoridade.css') layer(sections);
@import url('sections/depoimentos.css') layer(sections);
@import url('sections/planos.css') layer(sections);
@import url('sections/form.css') layer(sections);
@import url('sections/faq.css') layer(sections);
@import url('sections/footer.css') layer(sections);

@import url('utilities.css') layer(utilities);