/*  */

:root{

/* COLORES*/
--color-primary:#0B1F3A;
--color-primary-dark:#08172D;
--color-primary-light:#173B67;

--color-accent:#2F80ED;
--color-accent-hover:#1D6FE0;

--color-white:#FFFFFF;
--color-black:#111827;

--color-title:#0F172A;
--color-text:#475467;
--color-text-light:#667085;

--color-border:#E4E7EC;
--color-divider:#EAECF0;

--color-background:#FFFFFF;
--color-background-alt:#F8FAFC;

--color-success:#12B76A;
--color-warning:#F79009;
--color-danger:#D92D20;

--image-overlay:
linear-gradient(180deg,rgba(11,95,255,.05) 0%,rgba(11,95,255,.18) 45%,rgba(11,95,255,.42) 100%);


/*TIPOGRAFÍA*/
--font-primary:"Inter",sans-serif;
--font-secondary:"Playfair Display",serif;

--font-size-xs:.75rem;
--font-size-sm:.875rem;
--font-size-md:1rem;
--font-size-lg:1.125rem;
--font-size-xl:1.25rem;
--font-size-2xl:1.5rem;
--font-size-3xl:2rem;
--font-size-4xl:2.75rem;
--font-size-5xl:3.5rem;

--line-height-tight:1.15;
--line-height-normal:1.6;
--line-height-loose:1.8;

/*PESOS*/
--font-light:300;
--font-regular:400;
--font-medium:500;
--font-semibold:600;
--font-bold:700;

/*CONTENEDORES*/
--container:1200px
--container-small:960px;
--container:1200px;
--container-large:1320px;

/*ESPACIADO*/
--space-4:4px;
--space-8:8px;
--space-12:12px;
--space-16:16px;
--space-24:24px;
--space-32:32px;
--space-40:40px;
--space-48:48px;
--space-64:64px;
--space-80:80px;
--space-96:96px;
--space-120:120px;
--space-160:160px;

/*BORDER RADIUS*/
--radius-sm:8px;
--radius-md:12px;
--radius-lg:18px;
--radius-xl:24px;
--radius-round:999px;

/*SHADOWS*/
--shadow-sm: 0 2px 10px rgba(15,23,42,.06);
--shadow-md: 0 10px 30px rgba(15,23,42,.08);
--shadow-lg: 0 20px 60px rgba(15,23,42,.15);
--shadow-xl: 0 30px 80px rgba(15,23,42,.20);

/*TRANSICIONES*/
--transition-fast:.20s ease;
--transition:.30s ease;
--transition-slow:.50s ease;

/*HEADER*/
--header-height:88px;
--header-height-scroll:72px;
--hero-offset:180px

/*Z-INDEX*/
--z-dropdown:100;
--z-sticky:500;
--z-fixed:1000;
--z-modal:2000;
--z-loader:5000;

/*BREAKPOINTS*/
--breakpoint-xl:1440px;
--breakpoint-lg:1200px;
--breakpoint-md:992px;
--breakpoint-sm:768px;
--breakpoint-xs:576px;
}