/* 
* PARTES NATUGREEN - Variables CSS
* Versión: 2.0.0
* Todas las variables de diseño centralizadas
*/

:root {
    /* Colores Principales - Azul Muy Oscuro */
    --primary-color: #0f172a;
    --primary-hover: #1e293b;
    --primary-rgb: 15, 23, 42;
    
    --secondary-color: #3b82f6;
    --secondary-hover: #2563eb;
    --secondary-rgb: 59, 130, 246;
    
    /* Colores de Estado */
    --estado-pendiente: #fd7e14;
    --estado-pendiente-rgb: 253, 126, 20;
    
    --estado-agendado: #3b82f6;
    --estado-agendado-rgb: 59, 130, 246;
    
    --estado-terminado: #475569;
    --estado-terminado-rgb: 71, 85, 105;
    
    /* Colores de Cobro */
    --estado-nulo: #6c757d;
    --estado-pagado: #28a745;
    --estado-devolver: #dc3545;
    
    /* Colores de Tipo de Trabajo */
    --tipo-instalacion: #3b82f6;
    --tipo-trabajo-tierra: #f97316;
    --tipo-reparacion: #dc2626;
    --tipo-mantenimiento: #22c55e;
    
    /* Colores de Forma de Pago */
    --pago-transferencia: #198754;
    --pago-mixto: #0d6efd;
    --pago-efectivo: #fd7e14;
    
    /* Colores Semánticos */
    --success-color: #475569;
    --success-hover: #334155;
    --warning-color: #f39c12;
    --warning-hover: #d68910;
    --danger-color: #e74c3c;
    --danger-hover: #c0392b;
    --info-color: #17a2b8;
    --info-hover: #138a9e;
    
    /* Colores de Fondo */
    --bg-light: #f8f9fa;
    --bg-grey: #e9ecef;
    --bg-white: #ffffff;
    --bg-dark: #212529;
    
    /* Bordes */
    --border-color: #dee2e6;
    --border-color-light: #e0e0e0;
    --border-radius-sm: 0.25rem;
    --border-radius-md: 0.5rem;
    --border-radius-lg: 1rem;
    
    /* Sombras */
    --shadow-sm: 0 2px 5px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 5px 15px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.15);
    --shadow-hover: 0 15px 35px rgba(0, 0, 0, 0.2);
    
    /* Transiciones */
    --transition-fast: all 0.2s ease;
    --transition-normal: all 0.3s ease;
    --transition-slow: all 0.5s ease;
    
    /* Tipografía */
    --font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    
    /* Espaciado */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    
    /* Z-index */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
}