/* ==========================================================================
   PortaTreco — Ponto de entrada do CSS

   Único arquivo referenciado pelas páginas. A cascata é definida pela ordem
   dos imports abaixo, não por especificidade acumulada:

     fontes      declaração dos recursos tipográficos; nenhuma regra visual
     tokens      valores; não produz nenhuma regra visual
     base        elementos nativos e padrões globais
     layout      container, seções, grades, ritmo
     components  um arquivo por componente
     utilities   ajustes pontuais; sempre por último

   Adicionar um componente = criar o arquivo e importá-lo aqui.
   Nenhuma página HTML precisa ser alterada.
   ========================================================================== */

@import url("fontes.css");
@import url("tokens.css");
@import url("base.css");
@import url("layout.css");

@import url("components/brand.css");
@import url("components/button.css");
@import url("components/input.css");
@import url("components/search.css");
@import url("components/card.css");
@import url("components/badge.css");
@import url("components/alert.css");
@import url("components/breadcrumb.css");
@import url("components/faq.css");
@import url("components/ad.css");
@import url("components/header.css");
@import url("components/footer.css");
@import url("components/tool.css");
@import url("components/related.css");
@import url("components/code.css");

@import url("utilities.css");
