/*
 * Fontes self-hosted (Montserrat/Inter) serão adicionadas via @font-face
 * quando os arquivos woff2 forem incluídos em /assets/fonts/. Até lá, a pilha
 * abaixo recorre às fontes de sistema equivalentes.
 */

body {
    font-family: var(--fonte-corpo);
    font-weight: var(--peso-regular);
    font-size: 1rem;
    line-height: 1.6;
    color: var(--cor-cinza-escuro);
    background-color: var(--cor-branco);
}

h1, h2, h3, h4 {
    font-family: var(--fonte-titulos);
    font-weight: var(--peso-bold);
    color: var(--cor-azul-marinho);
    line-height: 1.2;
}

h1 {
    font-size: clamp(1.85rem, 1.3rem + 2.5vw, 3rem);
    margin-bottom: var(--espaco-3);
}

h2 {
    font-size: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
    margin-bottom: var(--espaco-3);
}

h3 {
    font-size: clamp(1.125rem, 1rem + 0.6vw, 1.375rem);
    margin-bottom: var(--espaco-1);
}

p {
    margin-bottom: var(--espaco-2);
}

a {
    transition: color var(--transicao-padrao);
}

strong {
    font-weight: var(--peso-semibold);
}

.secao__intro {
    max-width: 65ch;
    color: var(--cor-cinza-medio);
    font-size: 1.125rem;
}

.link-saiba-mais {
    display: inline-block;
    color: var(--cor-azul-marinho);
    font-weight: var(--peso-semibold);
    margin-top: var(--espaco-2);
}

.link-saiba-mais:hover {
    color: var(--cor-laranja);
}