/* AXIS · v3 · cor · lógica 1 · Azul da distância · colorista, 16/10/2026. Regra: a luz do lugar numa hora: a perspectiva aérea (o que está longe fica azul e claro; o que está perto, escuro e quente).
   Os nomes das variáveis são os mesmos nas três lógicas (tokens-1, tokens-2, tokens-3): trocar o arquivo troca a cor.
   Marca em :root; dados (R076, R088) em :root também, iguais nas três, salvo a ordem das categorias (--cat-1 é a mais
   longe do acento da marca). O vidro das telas é o produto e não muda. Gerado por ferramentas/paleta.py. */
:root{
  --campo:#deecf6; /* fundo da página */
  --campo-luz:#eef6fb; /* o campo no alto e na luz (degradê) */
  --campo-sombra:#c3d7e6; /* o campo no pé, na sombra de contato */
  --campo-fundo:#c3d7e6; /* nome antigo do salto (faixa funda): igual a --campo-sombra */
  --superficie:#f4f8fb; /* cartão, painel, campo de formulário */
  --papel:#f1f0ed; /* o papel impresso (HTML sobre a folha) */
  --tinta:#251f1b; /* título, texto, menu, logomarca */
  --tinta-suave:#605954; /* apoio, legenda, rótulo */
  --tinta-2:#605954; /* nome antigo do salto: igual a --tinta-suave */
  --acento:#0165af; /* a cor da marca em pequeno: ligação, ícone, fio colorido, chip (texto: 4,5) */
  --acento-vivo:#388ad7; /* o acento como preenchimento ou traço (3:1 como gráfico; nunca texto) */
  --sinal:#cf1b20; /* o sinal fora da tela (sobre claro): a palavra Alto, o ponto, a bandeirinha */
  --sinal-vidro:#ff362d; /* o mesmo sinal dentro da tela (o 9 da escala) */
  --botao:#251f1b; /* o botão arredondado: a tinta */
  --botao-tinta:#eef6fb;
  --botao-hover:#3c3531;
  --foco:#251f1b;
  --icone:#0165af; /* ícone de funcionalidade e chip: o acento (1 e 3) ou a tinta (2, onde o acento é o sinal) */
  --fio:#7b8891; /* linha da legenda e do rótulo do paredão (3:1; nunca texto) */
  --campo-input:#f4f8fb;
  --campo-borda:#867f79;
  --erro:#cf1b20;
  --escuro:#111d29; /* o único escuro: o momento de tensão (R048) */
  --escuro-tinta:#eef6fb;
  --escuro-tinta-2:#b3c0c9;
  --escuro-fio:#5d6971;
  --vidro:#131517; /* a tela do produto */
  --vidro-texto:#e6e9ec;
  --vidro-texto-2:#a3aab0;
  --vidro-cartao:#202328;
  --vidro-serie:#16181b;
  --aro:#2a2d31; /* aro do monitor desenhado em CSS */
  --aro-sombra:#0d0f11;
  --relato:#4081d2; /* o relato no canal (série): o azul categórico */
  /* dados · escala de risco (o histograma do site das 10h40; exceção R088) */
  --escala-1:#287645;
  --escala-2:#2b7e48;
  --escala-3:#468e43;
  --escala-4:#a89e1a;
  --escala-5:#e9a600;
  --escala-6:#ef9700;
  --escala-7:#f58204;
  --escala-8:#fa5c18;
  --escala-9:#ff362d;
  --escala-texto-1:#ffffff; /* texto por cima do degrau */
  --escala-texto-2:#ffffff; /* texto por cima do degrau */
  --escala-texto-3:#131517; /* texto por cima do degrau */
  --escala-texto-4:#131517; /* texto por cima do degrau */
  --escala-texto-5:#131517; /* texto por cima do degrau */
  --escala-texto-6:#131517; /* texto por cima do degrau */
  --escala-texto-7:#131517; /* texto por cima do degrau */
  --escala-texto-8:#131517; /* texto por cima do degrau */
  --escala-texto-9:#131517; /* texto por cima do degrau */
  /* dados · sequencial (mapa de calor, central v6, 256 passos): 7 âncoras e o degradê */
  --seq-0:#00421a;
  --seq-1:#007410;
  --seq-2:#6c9600;
  --seq-3:#c0b200;
  --seq-4:#eea000;
  --seq-5:#fa7000;
  --seq-6:#f8000c;
  --seq-degrade:linear-gradient(90deg,#00421a,#007410,#6c9600,#c0b200,#eea000,#fa7000,#f8000c);
  /* dados · categórica (séries): 6 matizes que passam 3:1 sobre o vidro e sobre o papel; --cat-1 é a mais longe do acento */
  --cat-1:#0a938e; /* verde-azulado */
  --cat-2:#9468c2; /* violeta */
  --cat-3:#b55b9a; /* ameixa */
  --cat-4:#319751; /* verde */
  --cat-5:#c26030; /* telha */
  --cat-6:#4081d2; /* azul */
  --cat-neutro:#8a9096; /* a série de referência */
  /* dados · divergente (azul, neutro, vermelho; central v6) */
  --div-neg:#46a6ef;
  --div-0:#8c7d7b;
  --div-pos:#ff362d;
}
html{background:var(--campo);color:var(--tinta)}
.axs-escuro{background:var(--escuro);color:var(--escuro-tinta);--tinta:var(--escuro-tinta);--tinta-suave:var(--escuro-tinta-2);--tinta-2:var(--escuro-tinta-2);--fio:var(--escuro-fio)}
