/* Cores, fontes e medidas da Núcleo Digital: visual de painel HUD, todo escuro.
   O logo continua no azul da marca. O ciano é a cor da interface (linhas, botões, links, foco).
   O âmbar é raro: só no arco do núcleo, no pacote em destaque e nos números dos passos.
   Depois de mudar uma cor, rode `npm test` (o teste de contraste lê este arquivo). */
:root {
  /* Superfícies, da mais funda para a mais alta */
  --abismo: #050b14;
  --painel: #0a1624;
  --painel-alto: #0f2033;
  --linha: #183552; /* bordas finas e grade: decorativo, nunca em texto */

  --texto: #e8f3fb;
  --texto-suave: #93a9bf;

  --ciano: #3ccbf4;
  --ciano-claro: #8ee0f9;
  --ambar: #f6a823;
  --branco: #ffffff;
  --verde-whatsapp: #25d366;

  --fonte-titulo: "Chakra Petch", "Segoe UI", system-ui, -apple-system, sans-serif;
  --fonte-texto: "Barlow", "Segoe UI", system-ui, -apple-system, sans-serif;

  --raio: 4px;
  --chanfro: 12px;
  --largura-max: 1120px;
  --espaco-secao: clamp(64px, 10vw, 112px);
  --gutter: 16px;
  --altura-cabecalho: 68px;
  --altura-cabecalho-compacto: 58px;
  --transicao: 200ms ease;
}

@media (min-width: 768px) {
  :root {
    --gutter: 32px;
  }
}