:root {
  --cor-tinta: #19141d;
  --cor-creme: #fffdfb;
  --cor-rosa: #fa258f;
  --cor-rosa-suave: #ffe8f4;
  --cor-amarelo: #ffd229;
  --cor-roxo: #31102b;
  --cor-linha: #ece5e9;
  --cor-texto-suave: #706a74;
  --sombra: 0 18px 45px rgb(40 18 34 / 10%);
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--cor-creme);
  color: var(--cor-tinta);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

button, input, select, textarea { font: inherit; }

.conteudo { width: min(1120px, calc(100% - 40px)); margin-inline: auto; }

@media (max-width: 600px) {
  .conteudo { width: min(100% - 28px, 1120px); }
}