/* =================================================
   CSS PRINCIPAL - IMPORT TODOS LOS MÓDULOS
   ================================================= */

/* Orden de importación crítico */
@import url('01-variables.css');
@import url('02-base.css');
@import url('02-forms.css');
@import url('02-buttons.css');
@import url('03-layouts.css');
@import url('04-components.css');
@import url('04-dashboard.css');
@import url('04-toasts.css');
@import url('04-confirm.css');
@import url('04-tabla-pedidos.css');
@import url('05-utilities.css');
@import url('06-animations.css');
@import url('07-modal-pedido.css');
@import url('08-version-manager.css');

/* =================================================
   ESTILOS GLOBALES ADICIONALES
   ================================================= */

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  line-height: 1.6;
  color: var(--gray-700);
  background-color: #f8fafc;
}

html {
  scroll-behavior: smooth;
}

/* Accesibilidad */
:focus {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}

/* Utilidades globales */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}