/*
==========================================================
 Portal ICEC GYE
 Archivo: variables.css
 Versión: 0.1.0
==========================================================
*/

:root{

/* Colores institucionales */
--color-primary:#0B4EA2;
--color-primary-dark:#083A79;
--color-secondary:#F4C542;

--color-white:#FFFFFF;
--color-light:#F5F7FA;
--color-gray:#6B7280;
--color-dark:#1F2937;

--color-success:#16A34A;
--color-warning:#F59E0B;
--color-danger:#DC2626;

/* Tipografía */
--font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;

--font-xs:.75rem;
--font-sm:.875rem;
--font-md:1rem;
--font-lg:1.25rem;
--font-xl:1.75rem;
--font-2xl:2.5rem;

/* Espaciados */
--space-1:.25rem;
--space-2:.5rem;
--space-3:.75rem;
--space-4:1rem;
--space-5:1.5rem;
--space-6:2rem;
--space-7:3rem;
--space-8:4rem;

/* Contenedor */
--container:1200px;

/* Bordes */
--radius-sm:6px;
--radius-md:12px;
--radius-lg:20px;
--radius-xl:30px;

/* Sombras */
--shadow-sm:0 2px 6px rgba(0,0,0,.08);
--shadow-md:0 8px 20px rgba(0,0,0,.12);
--shadow-lg:0 15px 35px rgba(0,0,0,.18);

/* Transiciones */
--transition:.3s ease;

/* Header */
--header-height:80px;

/* Z-index */
--z-header:1000;
--z-menu:1100;
--z-modal:5000;

}