/* =====================================================================
   PRINCIPAL — o único CSS que o HTML carrega.
   Este arquivo não tem estilo nenhum, só a ordem de montagem.
   Criou um componente novo? Adicione uma linha aqui, no grupo certo.
   A ordem importa: base → layout → componentes → páginas.
   ===================================================================== */

/* ---------------------------------- Base --------------------------- */
@import url('base/tokens.css');
@import url('base/reset.css');
@import url('base/tipografia.css');

/* --------------------------------- Layout -------------------------- */
@import url('layout/container.css');
@import url('layout/cabecalho.css');
@import url('layout/menu.css');
@import url('layout/rodape.css');

/* ------------------------------ Componentes ------------------------ */
@import url('componentes/etiqueta.css');
@import url('componentes/manchete.css');
@import url('componentes/fio-do-dia.css');
@import url('componentes/card.css');
@import url('componentes/deu-o-que-falar.css');
@import url('componentes/colunas.css');
@import url('componentes/banner.css');
@import url('componentes/vitrine.css');
@import url('componentes/estados.css');

/* -------------------------------- Páginas -------------------------- */
@import url('paginas/home.css');
@import url('paginas/editoria.css');
@import url('paginas/materia.css');