/* Establecer tamaño de fuente base */
html {
    font-size: 16px;
}

body {
    font-family: var(--font-primary), sans-serif;
    line-height: 1.6;
    color: var(--color-primary-1);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-secondary), sans-serif;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--spacing-sm);
}

h1 {
    font-size: 2.5rem;
    color: var(--color-primary-1);
}
h2 {
    font-size: 2rem;
    color: var(--color-primary-2);
}
h3 {
    font-size: 1.75rem;
    color: var(--color-primary-3);
}
h4 {
    font-size: 1.5rem;
    color: var(--color-primary-4);
}
h5 {
    font-size: 1.25rem;
    color: var(--color-primary-5);
}
h6 {
    font-size: 1rem;
    color: var(--color-primary-6);
}

p {
    margin-bottom: var(--spacing-sm);
    line-height: 1.6;
}

/*a {*/
/*    color: var(--color-gray);*/
/*    transition: color var(--transition-fast);*/
/*}*/

/*a:hover {*/
/*    color: var(--color-secondary-3);*/
/*}*/

/* Clases de utilidad para texto */
.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }

/* Pesos de fuente */
.font-light { font-weight: 300; }
.font-regular { font-weight: 400; }
.font-medium { font-weight: 500; }
.font-semibold { font-weight: 600; }
.font-bold { font-weight: 700; }