:root{

    /* Colores */

    --primary:#12355A;
    --primary-dark:#0D2843;

    --secondary:#E26A2C;

    --dark:#1E1E1E;

    --light:#FFFFFF;

    --gray-100:#F8F8F8;
    --gray-200:#ECECEC;
    --gray-400:#A3A3A3;
    --gray-600:#5E5E5E;

    /* Tipografía */

    --font-title:"Manrope",sans-serif;

    --font-body:"Inter",sans-serif;

    --fs-body:18px;
    --fs-small:15px;

    --fs-h1:clamp(3rem,5vw,4.4rem);
    --fs-h2:clamp(2.4rem,4vw,3.3rem);
    --fs-h3:1.45rem;

    /* Layout */

    --container:1320px;

    /* Border Radius */

    --radius:18px;

    /* Sombras */

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

    --shadow-md:0 15px 50px rgba(0,0,0,.12);

    /* Transiciones */

    --transition:.35s ease;

}