/**
 * Sermonize Main CSS
 * Arquivo principal que importa todos os módulos CSS
 */

/* ============================================
   ORDEM DE IMPORTAÇÃO (IMPORTANTE!)
   ============================================
   
   1. Variables - Design tokens (cores, espaçamento, tipografia)
   2. Base - Reset, fundações e utilitários
   3. Components - Componentes reutilizáveis
   4. Layout - Seções, grids e responsividade
   
   Esta ordem garante que as variáveis sejam definidas
   antes de serem utilizadas nos demais arquivos.
   ============================================ */

/* Design System - Tokens fundamentais */
@import './variables.css';

/* Base - Reset e fundações */
@import './base.css';

/* Components - Botões, cards, ícones */
@import './components.css';

/* Layout - Seções, navegação, responsividade */
@import './layout.css';

/**
 * Informações do projeto:
 * - Sistema baseado em 8pt grid
 * - Mobile-first approach
 * - Design tokens organizados
 * - Componentes modulares
 * - Layout responsivo
 * 
 * Para adicionar novos estilos:
 * 1. Variáveis CSS → variables.css
 * 2. Elementos base → base.css
 * 3. Componentes → components.css
 * 4. Layout/Seções → layout.css
 */