/*
Theme Name: AF App Theme
Theme URI: https://jesicacarballo.com
Author: Jésica Carballo
Author URI: https://jesicacarballo.com
Description: Tema centralizado para aplicaciones AF App.
Version: 1.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: af-app-theme
Tags: af, app, theme
*/

/* =============================================================================
   AF APP THEME - 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 AF APP
====================================

CSS modulares:
- variables.css (60 lineas)
  - Variables de colores profesionales (#09aeb8/#3a3a3a)
  - Configuracion de tipografia
  - Sombras y efectos
  - Variables para exportaciones

- layout.css (180 lineas)
  - Estructura HTML base
  - Contenedores principales
  - Tablas profesionales
  - Formularios e inputs
  - Mensajes de alerta

- components.css (170 lineas)
  - Botones y grupos de botones
  - Botones de accion en tablas
  - Botones en modales
  - Estilos de modales

- filters.css (200 lineas)
  - Contenedor de filtros
  - Estados activos y animaciones
  - Efectos de transicion
  - Busqueda o autocompletar

- exports.css (65 lineas)
  - Importacion de Excel
  - Validacion de archivos
  - Progreso de conversion

- responsive.css (210 lineas)
  - Moviles (< 640px)
  - Tablets (640px - 1024px)
  - Landscape y orientaciones
  - Ajustes especificos por dispositivo

JavaScript modulares:
- af-core.js: funciones base y utilidades
- af-color-bridge.js: puente CSS <-> JS para colores
- af-ui.js: interfaz de usuario y modales
- af-filters.js: filtros y busqueda AJAX
- af-exports.js: exportaciones PDF/Excel (usa colores de CSS)
- af-excel-import.js: importacion de archivos
- af-scripts.js: puente de compatibilidad

Sistema de color bridge:
Los colores se definen solo en variables.css y se leen automaticamente
en JavaScript para exportaciones PDF o Excel mediante AFColorBridge.

Ejemplo:
CSS: --af-primary: #09aeb8;
JS:  AFColorBridge.getCSSVariable('--af-primary') -> '#09aeb8'
     AFColorBridge.hexToRgbArray('#09aeb8') -> [9, 174, 184]
     AFColorBridge.hexToArgb('#09aeb8') -> 'FF09AEB8'

Beneficios:
- Mantenimiento mas facil (colores en un solo lugar)
- Desarrollo mas rapido
- Reutilizacion de codigo
- Separacion de responsabilidades
- Desarrollo en equipo mas eficiente
- Coherencia total CSS <-> JS <-> exportaciones
*/