/*
* Main CSS Inkryptus
* Arquivo principal que importa todos os outros arquivos CSS seguindo uma hierarquia lógica:
* 1. Base: Configurações globais e resets
* 2. Utils: Utilitários e ajustes de tema
* 3. Layout: Estruturas principais do site
* 4. Components: Componentes reutilizáveis
*/

/**
 * Base - Estilos fundamentais
 * Resets, variáveis, tipografia e elementos base
 * Estes estilos definem as fundações do design system
 */
@import "base/_variables.css"; /* Variáveis CSS do tema */
@import "base/_reset.css"; /* Reset global de estilos */
@import "base/_base.css"; /* Elementos HTML base */
@import "base/_typography.css"; /* Tipografia base */

/**
 * Utils - Utilitários
 * Animações, temas, efeitos e classes utilitárias
 * Estas classes podem ser aplicadas em qualquer elemento
 */
@import "utils/_animations.css"; /* Animações e transições */
@import "utils/_theme.css"; /* Sistema de temas claro/escuro */
@import "utils/_effects.css"; /* Efeitos visuais reutilizáveis */
@import "utils/_utilities.css"; /* Classes utilitárias reutilizáveis */
@import "utils/_global-styles.css"; /* Estilos globais diversos */

/**
 * Layout - Estrutura do site
 * Containers, grids, cabeçalho, rodapé e seções
 * Definem a estrutura geral das páginas
 */
@import "layout/_container.css"; /* Sistema de containers */
@import "layout/_header.css"; /* Cabeçalho do site */
@import "layout/_footer.css"; /* Rodapé do site */
@import "layout/_sections.css"; /* Seções de página */
@import "layout/_blog.css"; /* Layout específico do blog */

/**
 * Components - Elementos de interface
 * Botões, cards, ícones e outros componentes reutilizáveis
 * Estes componentes são os blocos de construção da interface
 */
@import "components/_buttons.css"; /* Botões */
@import "components/_cards.css"; /* Cards e grids */
@import "components/_icons.css"; /* Sistema de ícones */
@import "components/_market-info.css"; /* Componente de informações de mercado */
@import "components/_scroll-to-top.css"; /* Botão Voltar ao Topo */