/* ========================================
   SISTEMA DE VARIABLES CSS UNIFICADO
   Gobierno de México - Colores Institucionales
   ======================================== */

:root {
  /* === COLORES INSTITUCIONALES GOB.MX === */
  
  /* Colores Principales */
  --gob-guinda: #6b1e3c;           /* Color principal institucional */
  --gob-guinda-light: #8b2635;     /* Variante clara */
  --gob-guinda-dark: #5a1933;      /* Variante oscura */
  --gob-guinda-shadow: rgba(107, 30, 60, 0.3);
  
  --gob-dorado: #c09853;           /* Color dorado institucional */
  --gob-dorado-light: #d4af6a;     /* Variante clara */
  
  /* Colores Secundarios */
  --gob-azul: #2c5aa0;            /* Azul institucional */
  --gob-azul-light: #3d6bb3;      /* Azul claro */
  --gob-azul-dark: #1b396a;       /* Azul oscuro */
  
  --gob-verde: #2e7d32;           /* Verde institucional */
  --gob-verde-light: #76d67b;     /* Verde claro */
  --gob-verde-dark: #10312c;      /* Verde oscuro */
  
  /* === COLORES DE ESTADO === */
  --gob-success: #28a745;         /* Éxito */
  --gob-warning: #ffc107;         /* Advertencia */
  --gob-danger: #dc3545;          /* Peligro/Error */
  --gob-info: #17a2b8;            /* Información */
  
  /* === COLORES DE TEXTO === */
  --gob-text-primary: #333333;    /* Texto principal */
  --gob-text-secondary: #666666;  /* Texto secundario */
  --gob-text-light: #999999;      /* Texto claro */
  
  /* === COLORES DE FONDO === */
  --gob-background: #fafafa;      /* Fondo principal */
  --gob-background-secondary: #f8f9fa; /* Fondo secundario */
  --gob-white: #ffffff;           /* Blanco */
  
  /* === ESCALA DE GRISES === */
  --gob-gray-50: #f9fafb;
  --gob-gray-100: #f3f4f6;
  --gob-gray-200: #e5e7eb;
  --gob-gray-300: #d1d5db;
  --gob-gray-400: #9ca3af;
  --gob-gray-500: #6b7280;
  --gob-gray-600: #4b5563;
  --gob-gray-700: #374151;
  --gob-gray-800: #1f2937;
  --gob-gray-900: #111827;
  
  /* === COLORES DE BORDE === */
  --gob-border: #e5e7eb;          /* Borde principal */
  --gob-border-light: #f3f4f6;    /* Borde claro */
  --gob-border-hover: #601436;    /* Borde hover */
  
  /* === SOMBRAS === */
  --gob-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1);
  --gob-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
  --gob-shadow-lg: 0 8px 25px rgba(107, 30, 60, 0.15);
  --gob-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);
  
  /* === COLORES MODULARES === */
  
  /* Módulo Comercial */
  --gob-comercial: #3498db;
  --gob-comercial-dark: #2980b9;
  
  /* Módulo Planeación */
  --gob-planeacion: #2ecc71;
  --gob-planeacion-dark: #27ae60;
  
  /* Módulo Operación */
  --gob-operacion: #e67e22;
  --gob-operacion-dark: #d35400;
  
  /* Módulo Administración */
  --gob-administracion: #9b59b6;
  --gob-administracion-dark: #8e44ad;
  
  /* === ESPACIADO Y DIMENSIONES === */
  --gob-spacing-xs: 8px;
  --gob-spacing-sm: 12px;
  --gob-spacing-md: 16px;
  --gob-spacing-lg: 24px;
  --gob-spacing-xl: 32px;
  --gob-spacing-xxl: 48px;
  
  /* === BORDER RADIUS === */
  --gob-radius-sm: 4px;
  --gob-radius-md: 6px;
  --gob-radius-lg: 8px;
  --gob-radius-xl: 12px;
  
  /* === TRANSICIONES === */
  --gob-transition: all 0.3s ease;
  --gob-transition-fast: all 0.15s ease;
}

/* ========================================
   ALIASES PARA COMPATIBILIDAD
   (Mantener temporalmente durante migración)
   ======================================== */

:root {
  /* Aliases para organismos-dashboard */
  --gob-guinda: var(--gob-guinda);
  --gob-secondary: var(--gob-gray-200);
  --gob-accent: var(--gob-azul-dark);
  
  /* Aliases para variables anteriores */
  --gob-guinda: var(--gob-guinda);
  --gob-guinda-dark: var(--gob-guinda-dark);
  --gob-guinda-shadow: var(--gob-guinda-shadow);
  
  --gob-text-primary: var(--gob-text-primary);
  --gob-background: var(--gob-background);
  --gob-background-secondary: var(--gob-background-secondary);
  
  --gob-danger: var(--gob-danger);
  --gob-warning: var(--gob-warning);
  --gob-success: var(--gob-success);
  --gob-info: var(--gob-info);
  
  /* Aliases para landing page */
  --color-comercial: var(--gob-comercial);
  --color-planeacion: var(--gob-planeacion);
  --color-operacion: var(--gob-operacion);
  --color-administracion: var(--gob-administracion);
  
  /* Aliases IMTA */
  --gob-guinda: var(--gob-guinda);
  --imta-secondary: var(--gob-gray-100);
  --imta-accent: var(--gob-guinda-dark);
  --gob-text-primary: var(--gob-text-primary);
  --gob-text-primary-light: var(--gob-text-secondary);
  
  /* Aliases para tablero participación */
  --gobmx-primary: var(--gob-guinda);
  --gobmx-secondary: var(--gob-guinda-light);
  --gobmx-accent: var(--gob-guinda-dark);
  --gob-success: var(--gob-success);
  --gob-danger: var(--gob-danger);
  --gob-warning: var(--gob-warning);
  --gob-info: var(--gob-info);
}

/* ========================================
   CLASES UTILITARIAS
   ======================================== */

/* Colores de texto */
.text-primary { color: var(--gob-text-primary); }
.text-secondary { color: var(--gob-text-secondary); }
.text-guinda { color: var(--gob-guinda); }
.text-success { color: var(--gob-success); }
.text-warning { color: var(--gob-warning); }
.text-danger { color: var(--gob-danger); }

/* Colores de fondo */
.bg-guinda { background-color: var(--gob-guinda); }
.bg-guinda-light { background-color: var(--gob-guinda-light); }
.bg-white { background-color: var(--gob-white); }
.bg-gray-50 { background-color: var(--gob-gray-50); }
.bg-gray-100 { background-color: var(--gob-gray-100); }

/* Bordes */
.border-guinda { border-color: var(--gob-guinda); }
.border-gray { border-color: var(--gob-border); }

/* Sombras */
.shadow-sm { box-shadow: var(--gob-shadow-sm); }
.shadow-md { box-shadow: var(--gob-shadow-md); }
.shadow-lg { box-shadow: var(--gob-shadow-lg); }