/*
Theme Name: SGCI Theme
Theme URI: https://jesicacarballo.com
Author: Jésica Carballo
Author URI: https://jesicacarballo.com
Description: Tema personalizado para sistema de gestión contable interno (SGCI).
Version: 2.0
License: Privativo para CSS/JS/Imágenes. GNU General Public License v2 or later para PHP
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: sgci-theme
Tags: sgci, theme, boostrap
*/

/* =============================================================================
   SGCI THEME V2 - ARQUITECTURA MODULAR
   Importación de módulos CSS organizados para facilitar mantenimiento
   ============================================================================= */

/* Variables CSS profesionales - Base del sistema */
@import url('variables.css');

/* Layout y estructura general */
@import url('layout.css');

/* Componentes reutilizables (botones, modales, etc.) */
@import url('components.css');

/* Filtros, búsqueda y animaciones */
@import url('filters.css');

/* Exportaciones e importaciones */
@import url('exports.css');

/* Diseño responsive y media queries */
@import url('responsive.css');

/*
====================================
🎨 ARQUITECTURA DEL TEMA SGCI V2
====================================

📁 CSS MODULARES:
📁 variables.css (60 líneas)
  ├── Variables de colores profesionales (#0073aa/#005177)
  ├── Configuración de tipografía  
  ├── Sombras y efectos
  └── Variables para exportaciones

📁 layout.css (180 líneas)
  ├── Estructura HTML base
  ├── Contenedores principales
  ├── Tablas profesionales
  ├── Formularios y inputs
  └── Mensajes de alerta

📁 components.css (170 líneas)
  ├── Botones y grupos de botones
  ├── Botones de acción en tablas
  ├── Botones en modales
  └── Estilos de modales

📁 filters.css (200 líneas)
  ├── Contenedor de filtros
  ├── Estados activos y animaciones
  ├── Efectos de transición
  └── Búsqueda/autocompletar

📁 exports.css (65 líneas)
  ├── Importación de Excel
  ├── Validación de archivos
  └── Progreso de conversión

📁 responsive.css (210 líneas)
  ├── Móviles (< 640px)
  ├── Tablets (640px - 1024px)
  ├── Landscape y orientaciones
  └── Ajustes específicos por dispositivo

📁 JAVASCRIPT MODULARES:
📁 sgci-core.js - Funciones base y utilidades
📁 sgci-color-bridge.js - Puente CSS ↔ JS para colores
📁 sgci-ui.js - Interfaz de usuario y modales
📁 sgci-filters.js - Filtros y búsqueda AJAX
📁 sgci-exports.js - Exportaciones PDF/Excel (lee colores desde CSS)
📁 sgci-excel-import.js - Importación de archivos
📁 sgci-scripts.js - Puente de compatibilidad

🌉 SISTEMA DE COLOR BRIDGE:
Los colores se definen SOLO en variables.css y se leen automáticamente
en JavaScript para exportaciones PDF/Excel via SGCIColorBridge.

EJEMPLO:
CSS: --sgci-primary: #0073aa;
JS:  SGCIColorBridge.getCSSVariable('--sgci-primary') → '#0073aa'
     SGCIColorBridge.hexToRgbArray('#0073aa') → [0, 115, 170]
     SGCIColorBridge.hexToArgb('#0073aa') → 'FF0073AA'

BENEFICIOS:
✅ Mantenimiento más fácil (colores en un solo lugar)
✅ Desarrollo más rápido  
✅ Reutilización de código
✅ Separación de responsabilidades
✅ Desarrollo en equipo más eficiente
✅ Coherencia total CSS ↔ JS ↔ Exportaciones
*/