:root {

    --primary: #007BC4;
    --primary-dark: #005D96;
    --primary-light: #42AEE8;

    --background: #F5F7FA;
    --surface: #FFFFFF;

    --text: #111111;
    --text-light: #5E6773;

    --border: #DCE3EA;

    /*==========================
    Bordes
==========================*/

--radius-sm:16px;
--radius-md:20px;
--radius-lg:24px;


/*==========================
    Sombras
==========================*/

--shadow-sm:0 8px 20px rgba(15,23,42,.05);

--shadow-md:0 16px 35px rgba(15,23,42,.08);

--shadow-lg:0 25px 60px rgba(15,23,42,.12);


/*==========================
    Transiciones
==========================*/

--transition:.3s cubic-bezier(.16,1,.3,1);


/*==========================
    Espaciado
==========================*/

--section-space:110px;


/*==========================
    Tipografía
==========================*/

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

}