/* ======================================================
   EMPLEO IA DESIGN SYSTEM
   TYPOGRAPHY
====================================================== */

/* -------------------------------
   Títulos
-------------------------------- */

h1{

    font-size:var(--font-3xl);

    font-weight:700;

    line-height:1.15;

    color:var(--text);

    margin-bottom:var(--space-5);

}

h2{

    font-size:var(--font-2xl);

    font-weight:700;

    line-height:1.2;

    color:var(--text);

    margin-bottom:var(--space-4);

}

h3{

    font-size:var(--font-xl);

    font-weight:600;

    color:var(--text);

    margin-bottom:var(--space-3);

}

/* -------------------------------
   Texto
-------------------------------- */

p{

    font-size:var(--font-md);

    color:var(--text-light);

    margin-bottom:var(--space-4);

    line-height:1.7;

}

small{

    font-size:var(--font-sm);

    color:var(--text-light);

}

/* -------------------------------
   Etiquetas
-------------------------------- */

label{

    display:block;

    font-size:var(--font-sm);

    font-weight:600;

    color:var(--text);

    margin-bottom:var(--space-2);

}

/* -------------------------------
   Enlaces
-------------------------------- */

a{

    transition:color var(--transition);

}

a:hover{

    color:var(--primary);

}