/* Tokens do Manual de Identidade (MARKETING 2027/01 Identidade/Cores e Fontes/tokens.json).
   Tema Grafite: o site é escuro por decisão de marca. Mudou uma cor no manual, muda aqui. */
:root {
  --fundo: #15141a;
  --superficie: #1f1d26;
  --superficie-alta: #2a2833;
  --linha: #34313f;
  --tinta: #f3f1f8;
  --tinta-suave: #a9a5b6;
  --violeta: #6a22ff;
  --violeta-forte: #5414e0;
  --violeta-texto: #b49dff;
  --sobre-violeta: #ffffff;
  --lilas: #2b2148;
  --ambar: #ffb547;
  --positivo: #3fcf8e;
  --negativo: #ff7262;

  --font-display: "Bricolage Grotesque", "Segoe UI", system-ui, sans-serif;
  --font-texto: Figtree, "Segoe UI", system-ui, sans-serif;
  --font-dados: "JetBrains Mono", ui-monospace, Consolas, monospace;

  --espaco-1: 4px; --espaco-2: 8px; --espaco-3: 16px; --espaco-4: 24px; --espaco-5: 40px; --espaco-6: 72px;
  --raio-sm: 6px; --raio-md: 14px; --raio-total: 999px;

  --max: 1200px;
  --gutter-l: max(20px, env(safe-area-inset-left, 0px));
  --gutter-r: max(20px, env(safe-area-inset-right, 0px));
  --topo-h: 72px;
  color-scheme: dark;
}