/* ========================================
   PALETA DE COLORES UNIFICADA - INTACTGP
   Basada en el logo corporativo
   ======================================== */

:root {
	/* Colores Principales del Logo */
	--primary-navy: #003d6b;      /* Azul oscuro principal */
	--primary-blue: #0066b3;      /* Azul medio */
	--accent-orange: #ff8c42;     /* Naranja acento */
	--accent-orange-light: #ffb380; /* Naranja claro */
	
	/* Colores Complementarios */
	--dark-navy: #002847;         /* Navy muy oscuro */
	--light-blue: #e6f2ff;        /* Azul muy claro */
	--pale-blue: #f0f7ff;         /* Azul pálido */
	
	/* Grises Neutros */
	--gray-900: #1a1a1a;
	--gray-700: #475569;
	--gray-500: #64748b;
	--gray-300: #cbd5e1;
	--gray-100: #f1f5f9;
	--gray-50: #f8fafc;
	
	/* Utilidad */
	--white: #ffffff;
	--success: #10b981;
	--danger: #ef4444;
}

/* Aplicación de colores globales */
body {
	color: var(--gray-700);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--primary-navy);
}

a {
	color: var(--primary-blue);
}

a:hover {
	color: var(--accent-orange);
}

.btn-primary {
	background: linear-gradient(135deg, var(--primary-navy) 0%, var(--primary-blue) 100%);
	border: none;
}

.btn-primary:hover {
	background: linear-gradient(135deg, var(--dark-navy) 0%, var(--primary-navy) 100%);
}

.text-primary {
	color: var(--primary-navy) !important;
}

.bg-primary {
	background-color: var(--primary-navy) !important;
}

.border-primary {
	border-color: var(--primary-navy) !important;
}