/* 1. VARIABLES (SIEMPRE PRIMERO) */
@import "./base/variables.css";

/* 2. RESET */
@import "./base/reset.css";

/* 3. BASE GLOBAL (tipografías, body, etc) */
@import "./base/animations.css";

/* 4. LAYOUT (estructura) */
@import "./layout/header.css";
@import "./layout/containers.css";
@import "./layout/grid.css";
@import "./layout/app-layout.css";

/* 5. COMPONENTES (botones, cards, etc) */
@import "./components/buttons.css";
@import "./components/cards.css";
@import "./components/cuentas.css";
@import "./components/modals.css";
@import "./components/overlays.css";
@import "./components/forms.css";
@import "./components/ripple.css";
@import "./components/search.css";
@import "./components/servicio.css";

/* 6. PÁGINAS (LO MÁS ESPECÍFICO) */
@import "./pages/driver.css";
@import "./pages/servicios.css";
@import "./pages/actividad.css";
@import "./pages/detalle-viaje.css";
@import "./pages/billetera.css";
@import "./pages/pagos.css";
@import "./pages/configuracion.css";
@import "./pages/perfil.css";
@import "./pages/ganancias.css";
@import "./pages/seguridad.css";
@import "./pages/familia.css";
@import "./pages/ayuda.css";
@import "./pages/recarga.css";
@import "./pages/recibo.css";

/* 7. 🔥 OVERRIDES GLOBALES (ESTO TE FALTA) */
@import "./base/theme.css";