/* Marca GrokLab para o site de recursos interativos. Mude as cores e fontes só aqui. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Space+Grotesk:wght@500;700&display=swap");

:root {
  --roxo-abissal: #2d1b69;
  --fundo: #1a0f3f;
  --verde-lusorio: #a8e000;
  --roxo-claro: #8a6fd4;
  --texto: #f2eefc;
  --fonte-titulo: "Space Grotesk", system-ui, sans-serif;
  --fonte-corpo: "Inter", system-ui, sans-serif;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  background: var(--fundo);
  color: var(--texto);
  font-family: var(--fonte-corpo);
  line-height: 1.5;
}

h1, h2, h3 { font-family: var(--fonte-titulo); line-height: 1.15; }
a { color: var(--verde-lusorio); }