/**
 * Paleta de colores oficial de FiexForma
 * Solo se pueden usar estos colores en toda la aplicación
 */

:root {
    /* Color principal */
    --color-principal: #72b124;
    --color-principal-hover: #5d9119;
    --color-principal-light: rgba(114, 177, 36, 0.1);
    --color-principal-medium: rgba(114, 177, 36, 0.2);
    
    /* Escala de grises */
    --color-gris-oscuro: #374151;
    --color-gris-medio: #6b7280;
    --color-gris-claro: #9ca3af;
    --color-gris-muy-claro: #e5e7eb;
    --color-gris-fondo: #f3f4f6;
    
    /* Negro y blanco */
    --color-negro: #111827;
    --color-blanco: #ffffff;
    
    /* Estados y feedback */
    --color-error: #dc2626;
    --color-error-bg: #fee2e2;
    --color-error-text: #991b1b;
    
    --color-exito: #72b124;
    --color-exito-bg: rgba(114, 177, 36, 0.1);
    
    /* Sombras */
    --sombra-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --sombra-md: 0 2px 8px rgba(0, 0, 0, 0.1);
    --sombra-lg: 0 10px 20px rgba(0, 0, 0, 0.15);
    --sombra-xl: 0 20px 60px rgba(0, 0, 0, 0.3);
    
    /* Bordes */
    --borde-claro: 2px solid var(--color-gris-muy-claro);
    --borde-principal: 2px solid var(--color-principal);
}