/* Cor, tipografia e espaçamento vêm dos tokens do RVM.DesignSystem (rvm-tokens.css + o <style>
   do RvmThemeProvider). Aqui só se APLICA token ao que o DS não estiliza sozinho — nada de paleta
   própria. Sem este bloco o texto fora dos componentes cai na fonte serifada do navegador. */

html, body {
    margin: 0;
    font-family: var(--rvm-font-family-sans);
    font-size: var(--rvm-font-size-body);
    line-height: var(--rvm-line-height-body);
    color: var(--rvm-color-on-surface);
    background: var(--rvm-color-surface);
}

h1 {
    font-size: var(--rvm-font-size-h1);
    font-weight: var(--rvm-font-weight-semibold);
}

h1:focus {
    outline: none;
}

a {
    color: var(--rvm-color-primary);
}

.inicio {
    max-width: 40rem;
    margin: 0 auto;
    padding: 3rem 1rem;
}