/* Tema neutro, sem marca. Usado por paginas que nao pertencem a um cliente
   so' - a 404 e' servida para qualquer endereco errado, de qualquer cliente,
   e nao pode mostrar o nome ou as cores de nenhum deles. */

:root {
  /* Primitivos neutros */
  --grafite-950: #1d1f22;
  --grafite-900: #25282b;
  --grafite-850: #2c2f33;
  --grafite-800: #34383c;
  --grafite-700: #474c51;
  --claro: #ffffff;
  --claro-2: #e6e6e6;
  --quase-branco: #f5f5f5;
  --vermelho-erro: #b42318;
  --cinza-100: #f3f2f0;
  --cinza-200: #e7e5e2;
  --pure-white: #ffffff;

  /* Semanticos consumidos pela estrutura */
  --acento: var(--grafite-900);
  --acento-claro: var(--grafite-700);
  --acento-escuro: var(--grafite-950);
  --nota-fundo: rgba(29, 31, 34, 0.05);
  --erro-texto: var(--vermelho-erro);
  --erro-fundo: rgba(180, 35, 24, 0.08);
  --tinta: var(--grafite-950);
  --texto: var(--grafite-850);
  --texto-suave: rgba(25, 27, 29, 0.80);
  --texto-fraco: rgba(25, 27, 29, 0.70);
  --texto-tenue: rgba(25, 27, 29, 0.62);
  --fundo: var(--cinza-100);
  --superficie: var(--pure-white);
  --borda: rgba(25, 27, 29, 0.20);
  --borda-sutil: rgba(25, 27, 29, 0.09);
  --campo-fundo: rgba(25, 27, 29, 0.045);
  --recuo-fundo: rgba(25, 27, 29, 0.03);
  --campo-fundo-hover: rgba(25, 27, 29, 0.075);
  --borda-forte: rgba(25, 27, 29, 0.45);
  --transparente: transparent;

  /* Estados e efeitos */
  --borda-instrucoes: rgba(25, 27, 29, 0.18);
  --acao-suave-hover: var(--cinza-200);
  --botao-texto: var(--pure-white);
  --anel-foco: rgba(25, 27, 29, 0.13);
  --anel-erro: rgba(180, 35, 24, 0.28);
  --borda-erro: rgba(180, 35, 24, 0.30);
  --sombra-rodape: rgba(25, 27, 29, 0.10);
  --sombra-botao: rgba(25, 27, 29, 0.22);
  --sombra-botao-hover: rgba(25, 27, 29, 0.28);
  --sombra-cartao: 0 1px 2px rgba(25, 27, 29, 0.04), 0 12px 28px -18px rgba(25, 27, 29, 0.28);
  --sombra-cartao-foco: 0 1px 2px rgba(25, 27, 29, 0.06), 0 18px 36px -20px rgba(25, 27, 29, 0.35);

  /* Painel escuro */
  --painel-fundo: var(--grafite-950);
  --painel-texto: var(--quase-branco);
  --painel-texto-suave: rgba(245, 245, 245, 0.76);
  --painel-texto-fraco: rgba(245, 245, 245, 0.60);
  --painel-realce: var(--claro);
  --painel-borda: rgba(255, 255, 255, 0.22);
  --painel-acao-fundo: var(--claro);
  --painel-acao-texto: var(--grafite-950);
  --painel-acao-hover: var(--claro-2);
  --painel-caixa: rgba(245, 245, 245, 0.07);

  /* Realce e assistente */
  --realce: var(--texto-tenue);
  --foco-fundo: rgba(25, 27, 29, 0.035);
  --ia-selo-fundo: var(--claro);
  --ia-selo-texto: var(--grafite-950);
  --ia-realce: var(--claro);

  /* Cabecalho e marca */
  --cabecalho-fundo: var(--grafite-950);
  --cabecalho-titulo: var(--quase-branco);
  --cabecalho-texto: rgba(245, 245, 245, 0.76);
  --marca: none;
  --marca-ratio: 17162 / 1792;

  /* Tipografia e movimento */
  --titulo: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --corpo: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --ease: cubic-bezier(.2, .6, .2, 1);
  --btn-active-scale: scale(0.97);
  --medida: 44rem;
}