/**
 * Archivo CSS Principal - Tamales el Toro
 * 
 * Este archivo centraliza la importación de todos los módulos CSS del proyecto,
 * manteniendo un orden específico para garantizar la correcta cascada de estilos.
 * La estructura sigue una aproximación a la metodología ITCSS (Inverted Triangle CSS).
 *
 * @version 2.0.0
 * @since 16-03-2025
 * @author Adrian Alvarez
 */

/**
 * ABSTRACTS
 * Variables, funciones y utilidades que no generan código CSS por sí mismas
 */
@import url("abstracts/variables.css");

/**
  * BASE
  * Estilos fundamentales y reset que afectan a elementos HTML sin clases
  */
@import url("base/normalize.css");
@import url("base/reset.css");
/* Si se decide implementar */
@import url("base/base.css");
@import url("base/typography.css");

/**
  * LAYOUT
  * Elementos estructurales mayores que definen el esqueleto del sitio
  */
@import url("layout/container.css");
@import url("layout/grid.css");
@import url("layout/header.css");
@import url("layout/footer.css");

/**
  * COMPONENTS
  * Elementos de interfaz reutilizables y autónomos
  */
@import url("components/buttons.css");
@import url("components/forms.css");
@import url("components/carousel.css");
@import url("components/cookie.css");
@import url("components/visitor-counter.css");
@import url("components/testimonials.css");

/**
  * PAGES
  * Estilos específicos para páginas individuales
  */
@import url("pages/home.css");
@import url("pages/carrito.css");
@import url("pages/tienda.css");

/**
  * UTILITIES
  * Clases utilitarias de alta especificidad que pueden sobrescribir cualquier estilo anterior
  * Se incluyen al final para garantizar su precedencia
  */
@import url("utilities/utilities.css");