:root {
    --cor-fundo: #000000;
    --cor-fundo-elevado: #0d0d0c;
    --cor-borda: #2a271f;
    --cor-texto: #F9F8F6;
    --cor-texto-suave: #c9c4b8;
    --cor-destaque: #D6C289;
    --cor-destaque-texto: #000000;
    --cor-erro: #e2836b;
    --cor-sucesso: #7fb88f;
}

body {
    font-family: system-ui, sans-serif;
    margin: 0;
    padding: 2rem;
    background: var(--cor-fundo);
    color: var(--cor-texto);
}

main {
    max-width: 640px;
    margin: 0 auto;
}

code {
    background: var(--cor-fundo-elevado);
    padding: 0.1rem 0.4rem;
    border-radius: 4px;
}

a {
    color: var(--cor-destaque);
}