/* =============================================================
   PROYECTO: Sistema de Cotizaciones (lrn sys)
   UBICACIÓN: /public_html/css/variables.css
   FUNCIÓN: Variables de Identidad Visual y Sistema de Diseño
   ACTUALIZADO: 2026-03-21 17:50 (ART)
   REVISIÓN: 1.1 - Optimización de Contraste y Accesibilidad
   ============================================================= */

:root {
    /* --- 1. PALETA DE IDENTIDAD (Core Colors) --- */
    --brand-peach: #fcd5b5;          /* Fondo institucional Header/Footer */
    --brand-green-bg: #e8f5e9;       /* Fondo general del body */
    
    /* --- 2. COLORES SEMÁNTICOS (Acciones y Estados) --- */
    /* Primario: Compras / Seguridad / Éxito */
    --color-primary: #2e7d32;        
    --color-primary-light: #c8e6c9;  
    --color-primary-dark: #1b5e20;   
    --color-primary-rgb: 46, 125, 50; /* Para efectos de transparencia */

    /* Secundario: Ventas / Ofertas / Proveedores */
    --color-secondary: #1565c0;      
    --color-secondary-light: #e3f2fd;
    --color-secondary-dark: #0d47a1;

    /* Peligro / Errores / Alertas Críticas */
    --color-error: #d32f2f;
    --color-error-light: #ffebee;

    /* --- 3. SUPERFICIES Y NEUTROS --- */
    --bg-main: var(--brand-green-bg);
    --surface-card: #ffffff;
    --surface-muted: #f5f5f5;
    
    /* --- 4. TIPOGRAFÍA Y TEXTO --- */
    --text-main: #212121;            /* Negro más profundo para mejor lectura */
    --text-muted: #546e7a;           /* Gris azulado para subtítulos */
    --text-on-primary: #ffffff;      
    --text-on-peach: #3e2723;        /* Texto oscuro sobre el peach del header */
    
    /* --- 5. BORDES Y LÍNEAS (Neo-Brutalismo DS3) --- */
    --border-color: #cfd8dc;
    --border-width: 2px;             /* Grosor estándar DS3 */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;

    /* --- 6. ELEVACIÓN (Sombras) --- */
    --shadow-soft: 0 10px 25px rgba(0, 0, 0, 0.05);
    --shadow-hard: 0 4px 12px rgba(0, 0, 0, 0.12);
    --shadow-inner: inset 0 2px 4px rgba(0, 0, 0, 0.06);

    /* --- 7. TRANSICIONES --- */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease-in-out;
    
    /* --- 8. Z-INDEX (Capas de profundidad) --- */
    --z-header: 1000;
    --z-modal: 2000;
    --z-tooltip: 3000;
}