/* =========================
   OFSIA - JOYERÍA CONTEMPORÁNEA
   Sistema de Diseño Modular
   
   Archivo principal que importa todos los módulos
========================= */

/* === 00. ABSTRACTS === */
@import url('00-abstracts/_variables.css');

/* === 01. BASE === */
@import url('01-base/_reset.css');
@import url('01-base/_typography.css');

/* === 02. LAYOUT === */
@import url('02-layout/_header.css');
@import url('02-layout/_footer.css');
@import url('02-layout/_grid.css');

/* === 03. COMPONENTS === */
@import url('03-components/_buttons.css');
@import url('03-components/_cards.css');
@import url('03-components/_forms.css');
@import url('03-components/_notifications.css');

/* === 04. PAGES === */
@import url('04-pages/_home.css');
@import url('04-pages/_shop.css');
@import url('04-pages/_product.css');
@import url('04-pages/_cart.css');
@import url('04-pages/_contact.css');
@import url('04-pages/_legal.css');

/* === 05. UTILITIES === */
@import url('05-utilities/_animations.css');
@import url('05-utilities/_image-filters.css');
@import url('05-utilities/_responsive.css');

/* 
  Estructura completa:
  
  css/
  ├── 00-abstracts/
  │   └── _variables.css
  ├── 01-base/
  │   ├── _reset.css
  │   └── _typography.css
  ├── 02-layout/
  │   ├── _header.css
  │   ├── _footer.css
  │   └── _grid.css
  ├── 03-components/
  │   ├── _buttons.css
  │   ├── _cards.css
  │   ├── _forms.css
  │   └── _notifications.css
  ├── 04-pages/
  │   ├── _home.css
  │   ├── _shop.css
  │   ├── _product.css
  │   ├── _cart.css
  │   ├── _contact.css
  │   └── _legal.css
  ├── 05-utilities/
  │   ├── _animations.css
  │   └── _responsive.css
  └── main.css (este archivo)
*/