/* ==========================================================================
   ONDENTAL - SISTEMA DE GESTIÓN CLÍNICA
   Estética: interfaz clínica/administrativa sobria.
   Tema claro por defecto; tema oscuro como opción secundaria (html.dark-theme).

   Manifiesto de estilos: este archivo solo agrega los parciales por
   responsabilidad. El orden de @import preserva la cascada original; no
   reordenar sin revisar especificidad. Mantener cada parcial sin @import
   propio (deben ir todos aquí, antes que cualquier regla).
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

/* Base: tokens de diseño, reset y scrollbar */
@import url('base/tokens.css');

/* Layout: navegación, sidebar, alternador de tema, contenido, header */
@import url('layout/structure.css');

/* Componentes UI: botones, tarjetas, grid, formularios, tablas, badges */
@import url('components/ui.css');
@import url('components/agenda.css');

/* Módulos: pantallas con estilos propios */
@import url('modules/odontograma.css');
@import url('modules/presupuestos.css');

/* Componentes UI (continuación): modal, login */
@import url('components/modal.css');
@import url('components/login.css');

/* Base: animaciones */
@import url('base/animations.css');

/* Componentes UI: cerrar sesión, autocompletar */
@import url('components/misc.css');

/* Módulos: CRM/cobranza, comisiones, educación al paciente */
@import url('modules/cobranzas.css');

/* Componentes UI: divisor de sección, dashboard operativo (alertas/tareas) */
@import url('components/dashboard.css');

/* Módulos: ficha clínica del paciente, periodontograma */
@import url('modules/pacientes.css');
@import url('modules/periodontograma.css');

/* Tema oscuro (opción secundaria) — debe ir al final para sobrescribir */
@import url('themes/dark.css');