/**
 * DESIGN SYSTEM - ARQUIVO PRINCIPAL
 * 
 * Este arquivo importa todos os módulos do design system na ordem correta:
 * 1. Tokens (variáveis CSS)
 * 2. Base (reset e estilos fundamentais)
 * 3. Componentes (elementos reutilizáveis)
 * 4. Utilities (classes auxiliares)
 */

/* ========================================
   TOKENS - Variáveis de Design
   ======================================== */

/* Cores */
@import 'tokens/colors.css';

/* Tipografia */
@import 'tokens/typography.css';

/* Espaçamentos, bordas e sombras */
@import 'tokens/spacing.css';


/* ========================================
   BASE - Fundação do Sistema
   ======================================== */

/* Reset CSS */
@import 'base/reset.css';

/* Estilos base (tipografia, elementos HTML) */
@import 'base/base.css';


/* ========================================
   COMPONENTES - Elementos Reutilizáveis
   ======================================== */

/* Botões */
@import 'components/buttons.css';

/* Titles */
@import 'components/titles.css';

/* Paginação */
@import 'components/pagination.css';

/* Campo de busca */
@import 'components/search-input.css';

/* Selects */
@import 'components/select.css';


/* ========================================
   UTILITIES - Classes Auxiliares
   ======================================== */

/* Classes utilitárias para layout, espaçamento, etc */
/* @import 'utilities/utilities.css'; IMPORTAR UTILILITIES SEPARADAMENTE */ 


/* ========================================
   CUSTOMIZAÇÕES ESPECÍFICAS DO PROJETO
   ======================================== */

/* 
 * Adicione aqui suas customizações específicas ou
 * importe arquivos adicionais conforme necessário:
 * 
 * @import 'custom/project-specific.css';
 * @import 'custom/themes.css';
 */