/* ==========================================================
   EMFORSOL
   TIPOGRAFIA.CSS
   ----------------------------------------------------------
   Tipografía global
   Versión: 1.0.0
   ========================================================== */

/* ==========================================================
   BODY
========================================================== */

body{
    font-family:var(--fuente-principal);
    font-size:var(--texto-md);
    font-weight:var(--peso-normal);
    color:var(--color-texto);
    background:var(--color-fondo);
    line-height:1.5;
}

/* ==========================================================
   TÍTULOS
========================================================== */

h1{
    font-size:var(--texto-xxl);
    font-weight:var(--peso-bold);
    line-height:1.2;
}

h2{
    font-size:var(--texto-xl);
    font-weight:var(--peso-semibold);
    line-height:1.25;
}

h3{
    font-size:var(--texto-lg);
    font-weight:var(--peso-semibold);
    line-height:1.3;
}

h4{
    font-size:var(--texto-md);
    font-weight:var(--peso-medium);
}

h5{
    font-size:var(--texto-sm);
    font-weight:var(--peso-medium);
}

h6{
    font-size:var(--texto-xs);
    font-weight:var(--peso-medium);
}

/* ==========================================================
   PÁRRAFOS
========================================================== */

p{
    margin-bottom:var(--espacio-4);
    color:var(--color-texto-secundario);
}

/* ==========================================================
   ENLACES
========================================================== */

a{
    transition:var(--transicion);
}

a:hover{
    color:var(--color-primario);
}

/* ==========================================================
   TEXTO AUXILIAR
========================================================== */

.texto-centro{
    text-align:center;
}

.texto-izquierda{
    text-align:left;
}

.texto-derecha{
    text-align:right;
}

.texto-negrita{
    font-weight:var(--peso-bold);
}

.texto-secundario{
    color:var(--color-texto-secundario);
}

.texto-primario{
    color:var(--color-primario);
}

/* ==========================================================
   TAMAÑOS
========================================================== */

.texto-xs{
    font-size:var(--texto-xs);
}

.texto-sm{
    font-size:var(--texto-sm);
}

.texto-md{
    font-size:var(--texto-md);
}

.texto-lg{
    font-size:var(--texto-lg);
}

.texto-xl{
    font-size:var(--texto-xl);
}

.texto-xxl{
    font-size:var(--texto-xxl);
}