/* ===== INÍCIO — Reset estrutural ===== */

* {
    box-sizing: border-box;
}

/* ===== FIM — Reset estrutural ===== */



/* ===== INÍCIO — Documento ===== */

html {
    scroll-behavior: smooth;
}


body {
    margin: 0;

    background:
        var(--paper);

    color:
        var(--ink);

    font-family:
        Manrope,
        Arial,
        sans-serif;

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

    line-height:
        1.6;
}

/* ===== FIM — Documento ===== */



/* ===== INÍCIO — Links globais ===== */

a {
    color: inherit;

    text-decoration: none;
}

/* ===== FIM — Links globais ===== */



/* ===== INÍCIO — Seções globais ===== */

section {

    /*
     * A escala vertical da página passa
     * a ser controlada por token.
     *
     * Isso evita repetir valores diferentes
     * em várias páginas.
     */

    padding:
        var(--space-section) 7vw;

    position:
        relative;
}

/* ===== FIM — Seções globais ===== */



/* ===== INÍCIO — Container principal ===== */

.wrap {

    max-width:
        var(--content-max);

    margin:
        auto;

}

main > section > .wrap {
    margin-left: 0;
    margin-right: 0;
}

/* ===== FIM — Container principal ===== */