/*!
 * =============================================================================
 * Exata Contabilidade — styles.css  (PONTO DE ENTRADA)
 * =============================================================================
 * Este arquivo apenas ORQUESTRA os parciais, na ordem correta da cascata.
 * Nenhuma regra é escrita aqui: cada responsabilidade mora no seu próprio
 * arquivo, o que torna a manutenção previsível (você sabe onde mexer).
 *
 * Ordem (do mais genérico ao mais específico):
 *   1. base/       → tokens, reset e tipografia
 *   2. layout/     → sistema de temas por seção
 *   3. components/ → botões, cartões, formulário, navegação, FAQ
 *   4. utilities/  → animações e overrides finais
 *
 * Carregamento no HTML (nesta ordem):
 *   <link rel="stylesheet" href="css/tailwind.css">   ← utilitários (gerado)
 *   <link rel="stylesheet" href="css/styles.css">      ← este arquivo
 *
 * Observação de performance: os @import abaixo são de arquivos pequenos e do
 * mesmo domínio (bem servidos por HTTP/2 na Cloudflare). Para squeeze máximo,
 * é possível concatenar/minificar em produção — ver README (seção "Build").
 * ========================================================================== */

/* 1. Base ------------------------------------------------------------------ */
@import url("base/tokens.css");
@import url("base/reset.css");
@import url("base/typography.css");

/* 2. Layout ---------------------------------------------------------------- */
@import url("layout/sections.css");

/* 3. Componentes ----------------------------------------------------------- */
@import url("components/buttons.css");
@import url("components/cards.css");
@import url("components/forms.css");
@import url("components/navigation.css");
@import url("components/faq.css");
@import url("components/blog.css");

/* 4. Utilitários ----------------------------------------------------------- */
@import url("utilities/motion.css");