/* ==========================================================
   GRUPO ALEYOR SAC
   VARIABLES GLOBALES
   Versión: 1.0
========================================================== */

:root{

    /*=========================================================
      COLORES CORPORATIVOS
    =========================================================*/

    --color-primary:#1F4FBF;
    --color-primary-dark:#163C8F;
    --color-primary-light:#4C7DFF;

    --color-secondary:#404040;

    --color-dark:#1D1D1D;

    --color-gray:#777777;

    --color-light:#F5F7FA;

    --color-white:#FFFFFF;

    --color-border:#E4E7EC;

    --color-success:#16A34A;

    --color-danger:#DC2626;

    /*=========================================================
      TIPOGRAFÍAS
    =========================================================*/

    --font-title:'Montserrat',sans-serif;

    --font-text:'Inter',sans-serif;

    /*=========================================================
      TAMAÑOS DE TEXTO
    =========================================================*/

    --text-xs:12px;

    --text-sm:14px;

    --text-md:16px;

    --text-lg:18px;

    --text-xl:20px;

    --text-2xl:24px;

    --text-3xl:32px;

    --text-4xl:42px;

    --text-5xl:56px;

    /*=========================================================
      PESO DE FUENTE
    =========================================================*/

    --fw-light:300;

    --fw-regular:400;

    --fw-medium:500;

    --fw-semibold:600;

    --fw-bold:700;

    --fw-extrabold:800;

    /*=========================================================
      ESPACIADOS
    =========================================================*/

    --space-1:8px;

    --space-2:16px;

    --space-3:24px;

    --space-4:32px;

    --space-5:48px;

    --space-6:64px;

    --space-7:96px;

    /*=========================================================
      BORDES
    =========================================================*/

    --radius-sm:6px;

    --radius-md:12px;

    --radius-lg:20px;

    --radius-xl:30px;

    --radius-full:999px;

    /*=========================================================
      SOMBRAS
    =========================================================*/

    --shadow-sm:0 2px 10px rgba(0,0,0,.05);

    --shadow-md:0 8px 24px rgba(0,0,0,.08);

    --shadow-lg:0 20px 45px rgba(0,0,0,.12);

    /*=========================================================
      TRANSICIONES
    =========================================================*/

    --transition:.35s ease;

    /*=========================================================
      ANCHO MÁXIMO
    =========================================================*/

    --container:1320px;

}