/* Variables de color corporativo - UEPFRE */
:root {
    /* Colores principales */
    --color-primario: #f47e1f;      /* Naranja principal */
    --color-secundario: #f1f3f4;    /* Gris claro */
    --color-azul: #002e5f;          /* Azul corporativo */
    
    /* Variaciones de colores */
    --color-primario-hover: #e06d1a;
    --color-primario-light: #ff9a4d;
    --color-primario-dark: #d45a0f;
    
    --color-azul-hover: #001f3f;
    --color-azul-light: #004080;
    --color-azul-dark: #001a2e;
    
    --color-gris-hover: #e8eaed;
    --color-gris-dark: #dadce0;
    
    /* Colores de estado */
    --color-success: #28a745;
    --color-warning: #ffc107;
    --color-danger: #dc3545;
    --color-info: #17a2b8;
    
    /* Colores de texto */
    --texto-primario: #212529;
    --texto-secundario: #6c757d;
    --texto-claro: #ffffff;
    
    /* Sombras */
    --sombra-suave: 0 2px 4px rgba(244, 126, 31, 0.1);
    --sombra-media: 0 4px 8px rgba(244, 126, 31, 0.15);
    --sombra-fuerte: 0 8px 16px rgba(244, 126, 31, 0.2);
    
    /* Gradientes */
    --gradiente-primario: linear-gradient(135deg, var(--color-primario) 0%, var(--color-primario-dark) 100%);
    --gradiente-azul: linear-gradient(135deg, var(--color-azul) 0%, var(--color-azul-dark) 100%);
    --gradiente-gris: linear-gradient(135deg, var(--color-secundario) 0%, var(--color-gris-dark) 100%);
}

/* Clases utilitarias para colores */
.bg-corporativo {
    background-color: var(--color-primario) !important;
}

.bg-corporativo-azul {
    background-color: var(--color-azul) !important;
}

.bg-corporativo-gris {
    background-color: var(--color-secundario) !important;
}

.text-corporativo {
    color: var(--color-primario) !important;
}

.text-corporativo-azul {
    color: var(--color-azul) !important;
}

.border-corporativo {
    border-color: var(--color-primario) !important;
}

.border-corporativo-azul {
    border-color: var(--color-azul) !important;
}