/* =============================================================================
   AF APP THEME - VARIABLES CSS PROFESIONALES
   Variables centralizadas para mantener coherencia y facilitar mantenimiento
   ============================================================================= */

:root {
    /* Paleta de colores profesional adaptada a Astra */
    --af-primary: #09aeb8;           /* Cian principal */
    --af-primary-dark: #078a92;      /* Cian oscuro para hover */
    --af-primary-light: #41c4cc;     /* Cian claro para fondos */
    --af-secondary: #ffd763;         /* Amarillo de enfasis */
    --af-secondary-dark: #d4a731;    /* Amarillo oscuro para hover */
    --af-secondary-contrast: #3a3a3a;
    --af-accent: #09aeb8;            /* Igual que primario para compatibilidad */
    --af-success: #2f855a;           /* Verde profesional */
    --af-danger: #e53e3e;            /* Rojo profesional */
    --af-warning: #ffd763;           /* Amarillo corporativo */
    --af-warning-dark: #d4a731;
    
    /* Grises profesionales */
    --af-gray-50: #ffffff;
    --af-gray-100: #f7f8fa;
    --af-gray-200: #eef0f3;
    --af-gray-300: #e2e5ea;
    --af-gray-400: #bfc3c8;
    --af-gray-500: #8a8f96;
    --af-gray-600: #4b4f58;
    --af-gray-700: #3a3a3a;
    --af-gray-800: #1f1f1f;
    --af-gray-900: #000000;
    
    /* Backgrounds */
    --af-bg-primary: #ffffff;
    --af-bg-secondary: #f7f8fa;
    --af-bg-tertiary: #eef0f3;
    
    /* Colores de texto principales */
    --af-heading-color: #3a3a3a;
    --af-body-color: #4b4f58;
    --af-link-color: #09aeb8;
    --af-link-hover-color: #078a92;
    
    /* Exportaciones profesionales */
    --af-color-azul-titulo: 9, 174, 184;     /* Color corporativo en formato RGB */
    --af-color-gris-oscuro: 58, 58, 58;      /* Texto oscuro */
    --af-color-gris-claro: 242, 245, 247;    /* Fondo claro */
    --af-color-gris-alterno: 241, 241, 241;  /* Fondo alterno */
    
    /* Configuración de tipografía */
    --af-font-size-xs: 0.75rem;
    --af-font-size-sm: 0.875rem;
    --af-font-size-base: 1rem;
    --af-font-size-lg: 1.125rem;
    --af-font-size-xl: 1.25rem;
    --af-font-body: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
    --af-font-heading: 'Inter', 'Segoe UI', Roboto, Arial, sans-serif;
    
    /* Sombras profesionales */
    --af-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.04);
    --af-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
    --af-shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
    --af-shadow-lg: 0 12px 32px rgba(0, 0, 0, 0.12);
    
    /* APP: Radios unificados (contrato reutilizable) */
    --af-app-radius-sm: 0;  /* Sobrio/rectangular (2026-06-04). Escala conservada por compatibilidad de referencias. */
    --af-app-radius-md: 0;
    --af-app-radius-lg: 0;
    --af-app-radius-xl: 0;
    --af-app-radius-2xl: 0;
    --af-app-radius-3xl: 0;
    
    /* APP: Transiciones y focus */
    --af-app-transition: 0.2s ease;
    --af-app-focus-ring: rgba(9, 174, 184, 0.5);
    --af-app-focus-ring-soft: rgba(9, 174, 184, 0.18);
    
    /* Variables para exportaciones actualizadas */
    --af-excel-azul-titulo: #09aeb8;
    --af-excel-gris-oscuro: #3a3a3a;
    --af-excel-gris-claro: #f2f5f7;
    --af-excel-gris-alterno: #f1f1f1;
    --af-excel-negro: #000000;
    --af-excel-blanco: #ffffff;
    
    /* Configuración PDF profesional */
    --af-pdf-font-size-title: 18;
    --af-pdf-font-size-normal: 11;
    --af-pdf-font-size-table: 9;
    --af-pdf-font-size-header: 10;
    --af-pdf-font-size-footer: 9;
    
    --af-pdf-cell-padding: 4;
    --af-pdf-line-width: 0.15;
}