/*
 * Punto de entrada de estilos. Orden importante:
 *   1. base/       tokens y reset (valores neutros, no dependen del grupo)
 *   2. themes/     colores por grupo  <-- aquí asignas el color de cada grupo
 *   3. layout/     estructura de página
 *   4. components/ piezas reutilizables (usan siempre var(--primary), nunca un color fijo)
 */
@import './base/fonts.css';
@import './base/tokens.css';
@import './base/reset.css';

@import './themes/grupos.css';

@import './layout/page.css';

@import './components/button.css';
@import './components/field.css';
@import './components/choice.css';
@import './components/card.css';
@import './components/feedback.css';
@import './components/checklist.css';
@import './components/pasos.css';
@import './components/tabs.css';
@import './components/accordion.css';
@import './components/modal.css';
@import './components/toast.css';
@import './components/pagination.css';
@import './components/loading.css';
@import './components/table-edit.css';
@import './components/date-range.css';
@import './components/selector.css';
@import './components/result.css';
@import './components/radar.css';
@import './components/group-card.css';