@charset "UTF-8";
/* Gerado por scripts/gerar_tokens_css.mjs a partir de src/estilo/tokens.json. Não edite à mão: altere o JSON e gere de novo. */
/* ABL Legal Intelligence · direção B · Instrumento · versão 0.1.0 */
:root {
  color-scheme: light;
  /* cor */
  --cor-fundo: #EBE6D8; /* Linho. Fundo de todas as telas da TV e do portal. */
  --cor-superficie: #F5F1E6; /* Cal. Áreas de leitura, campos e cartões do portal. */
  --cor-rebaixo: #DDD7C6; /* Argila clara. Trilhos de barra, células vazias e o cartão indisponível. */
  --cor-erro-fundo: #EBD6C9; /* Barro claro. Fundo do cartão de erro: Cal com 14% de Ferrugem, mistura em OKLab (manual da marca, seção 3.2). */
  --cor-borda: #C6BFAC; /* Risco. Fios, marcas de escala, divisórias e o vão do mosaico. Decorativa: nunca carrega informação sozinha. */
  --cor-tinta: #20221E; /* Grafite. Texto, títulos e números de apoio. */
  --cor-tinta-branda: #474A42; /* Grafite brando. Texto de apoio, rótulos e o estado desatualizado. Nunca sobre o rebaixo nem sobre o fundo de erro. */
  --cor-dado: #0A4A50; /* Petróleo. Medir: o número medido, a série do mês atual e as barras. */
  --cor-positivo: #0A4A50; /* Igual ao Petróleo. Na direção B o positivo não tem cor própria: vem sempre com ícone e texto. */
  --cor-comparacao: #657F7C; /* Névoa. Comparar: a série do mês anterior. Só em forma, nunca em texto. */
  --cor-acento: #B06300; /* Âmbar. Orientar: meta, ponteiro do símbolo e líder do ranking. Só em forma, nunca em texto. */
  --cor-atencao: #603700; /* Âmbar profundo. Estado parcial, em texto, ícone e borda. Afinado na 3.2 a partir do #7E4A00 da direção B, para chegar a 7:1 (manual da marca, seção 3.2). */
  --cor-erro: #792313; /* Ferrugem profunda. Estado de erro, em texto, ícone e borda. Afinado na 3.2 a partir do #9C2F1C da direção B, para chegar a 7:1 (manual da marca, seção 3.2). */
  --cor-texto-inverso: #F5F1E6; /* Cal sobre preenchimento escuro: casa cheia da meta, botão pressionado e tecla. */
  --cor-calor-1: #DDD7C6; /* Mapa de horários, degrau 1 de 5 (o menor). Rampa em OKLab de Argila clara a Petróleo. */
  --cor-calor-2: #A9B2A7; /* Mapa de horários, degrau 2 de 5. */
  --cor-calor-3: #778E89; /* Mapa de horários, degrau 3 de 5. */
  --cor-calor-4: #456B6C; /* Mapa de horários, degrau 4 de 5. */
  --cor-calor-5: #0A4A50; /* Mapa de horários, degrau 5 de 5 (o maior). */
  --cor-calor-texto-1: #20221E; /* Número da célula no degrau 1. */
  --cor-calor-texto-2: #20221E; /* Número da célula no degrau 2. */
  --cor-calor-texto-3: #20221E; /* Número da célula no degrau 3. */
  --cor-calor-texto-4: #F5F1E6; /* Número da célula no degrau 4. */
  --cor-calor-texto-5: #F5F1E6; /* Número da célula no degrau 5. */

  /* foco */
  --foco-cor: #20221E; /* Anel de foco em Grafite, sobre os fundos claros. */
  --foco-cor-inversa: #F5F1E6; /* Anel de foco sobre preenchimento escuro. */
  --foco-largura: 3px; /* Espessura do anel de foco no portal. */
  --foco-afastamento: 3px; /* Distância entre o anel e o elemento. */

  /* fonte */
  --fonte-numero: 'Sofia Sans Condensed', 'Arial Narrow', Arial, sans-serif; /* Números. Licença SIL OFL 1.1. Arquivo local previsto: fontes/SofiaSansCondensed-wght.ttf. */
  --fonte-texto: 'Sofia Sans', Arial, sans-serif; /* Títulos e texto. Licença SIL OFL 1.1. Arquivo local previsto: fontes/SofiaSans-wght.ttf. */
  --fonte-rotulo: 'Geist Mono', Consolas, 'Courier New', monospace; /* Rótulos em caixa alta e horários. Licença SIL OFL 1.1. Arquivo local previsto: fontes/GeistMono-wght.ttf. */

  /* peso */
  --peso-numero: 700; /* Número em Sofia Sans Condensed. */
  --peso-titulo: 600; /* Título em Sofia Sans. */
  --peso-destaque: 600; /* Palavra de estado e frase curta lida a distância. */
  --peso-texto-portal: 400; /* Texto corrido no portal. */
  --peso-texto-tv: 500; /* Texto na TV: traço mais firme para a distância. Premissa a conferir no teste de leitura. */
  --peso-rotulo: 500; /* Rótulo em Geist Mono. */

  /* entreletra */
  --entreletra-numero: -0.02em; /* Compensa a folga dos numerais tabulares. */
  --entreletra-titulo: -0.01em;
  --entreletra-rotulo: 0.08em; /* Rótulo em caixa alta. */

  /* altura-linha */
  --altura-linha-numero: 0.9;
  --altura-linha-titulo: 1.1;
  --altura-linha-texto-portal: 1.5;
  --altura-linha-texto-tv: 1.3;
  --altura-linha-rotulo: 1.2;

  /* numerais */
  --numerais: tabular-nums; /* Valor de font-variant-numeric para todo número: algarismos de mesma largura, para o número não dançar ao mudar. */

  /* tamanho · portal */
  --tamanho-portal-legenda: 14px; /* Menor tamanho do portal. */
  --tamanho-portal-rotulo: 14px;
  --tamanho-portal-apoio: 16px;
  --tamanho-portal-texto: 18px;
  --tamanho-portal-subtitulo: 22px;
  --tamanho-portal-titulo-secao: 28px;
  --tamanho-portal-titulo-pagina: 36px;
  --tamanho-portal-numero-cartao: 48px;
  --tamanho-portal-numero-destaque: 72px;

  /* tamanho · tv */
  --tamanho-tv-heroi: 16cqw; /* Número principal do Placar no mosaico. */
  --tamanho-tv-numero-1: 21cqw; /* Número principal de Quantos contratos fechar, o que falta hoje. */
  --tamanho-tv-numero-2: 9cqw; /* Número de apoio grande. */
  --tamanho-tv-evolucao-1: 9cqw; /* Número principal da Evolução diária (mês atual). */
  --tamanho-tv-evolucao-2: 5.4cqw; /* Mês anterior no mesmo dia útil, na Evolução diária. */
  --tamanho-tv-evolucao-3: 3.4cqw; /* Projeção e evoluções, na Evolução diária. */
  --tamanho-tv-quantos-par: 8cqw; /* Meta do dia e fechados hoje, lado a lado, em Quantos contratos fechar. */
  --tamanho-tv-numero-3: 5.4cqw; /* Número de apoio. */
  --tamanho-tv-numero-4: 4.2cqw; /* Número de lista e de ranking. */
  --tamanho-tv-numero-5: 3.4cqw; /* Menor número do nível distância: super meta do dia, total do mês. */
  --tamanho-tv-pico: 7cqw; /* Dia e faixa do pico em Quando os contratos fecham. */
  --tamanho-tv-titulo: 3.4cqw; /* Título da tela, no cabeçalho de cada quadro. */
  --tamanho-tv-destaque: 3.4cqw; /* Frase de destaque e dias da semana. */
  --tamanho-tv-texto: 2.8cqw; /* Nome de closer, motivo curto, título de aviso. */
  --tamanho-tv-detalhe: 2.45cqw; /* Detalhe de aviso, linhas de tabela, contratos de hoje. */
  --tamanho-tv-rotulo: 2.4cqw; /* Piso do mosaico: rótulo em caixa alta, eixo, horário. */

  /* tamanho · tv-unica */
  --tamanho-tv-unica-heroi: 430px; /* Número principal do Placar na tela única (78% com dois dígitos e cerca de 66% com três ou mais). */
  --tamanho-tv-unica-numero-1: 700px; /* Número principal de Quantos contratos fechar, o que falta hoje (62% disso com três dígitos ou mais). O painel declara 560 px no bloco do modo e 700 px no acerto de escala; vale o último. */
  --tamanho-tv-unica-numero-2: 240px; /* Número de apoio grande. */
  --tamanho-tv-unica-evolucao-1: 300px; /* Número principal da Evolução diária (mês atual). */
  --tamanho-tv-unica-evolucao-2: 200px; /* Mês anterior no mesmo dia útil, na Evolução diária. */
  --tamanho-tv-unica-evolucao-3: 84px; /* Projeção e evoluções, na Evolução diária. */
  --tamanho-tv-unica-quantos-par: 240px; /* Meta do dia e fechados hoje, lado a lado, em Quantos contratos fechar. */
  --tamanho-tv-unica-numero-3: 132px; /* Número de apoio. */
  --tamanho-tv-unica-numero-4: 76px; /* Número de lista e de ranking. */
  --tamanho-tv-unica-numero-5: 60px; /* Menor número lido a distância: super meta do dia, total do mês. */
  --tamanho-tv-unica-pico: 150px; /* Dia e faixa do pico em Quando os contratos fecham. */
  --tamanho-tv-unica-titulo: 52px; /* Título da tela, no cabeçalho de cada tela. */
  --tamanho-tv-unica-destaque: 48px; /* Frase de destaque e dias da semana. */
  --tamanho-tv-unica-texto: 36px; /* Nome de closer, motivo curto, título de aviso. */
  --tamanho-tv-unica-detalhe: 30px; /* Detalhe de aviso, linhas de tabela, contratos de hoje. */
  --tamanho-tv-unica-rotulo: 28px; /* Piso da tela única: rótulo em caixa alta, eixo, horário. */
  --tamanho-tv-unica-rodape: 23px; /* Faixa do mosaico e rodapé comum (reconciliação, legenda dos estados, endosso): o mesmo piso de 23 px nos dois modos. */

  /* espaco */
  --espaco-1: 4px;
  --espaco-2: 8px;
  --espaco-3: 12px;
  --espaco-4: 16px;
  --espaco-5: 24px;
  --espaco-6: 32px;
  --espaco-7: 48px;
  --espaco-8: 64px;
  --espaco-9: 96px;

  /* raio */
  --raio-nulo: 0px;
  --raio-fino: 2px; /* Padrão da direção B: cartões, campos, selos. */
  --raio-medio: 4px; /* Botões do portal. */
  --raio-pleno: 999px; /* Pontos e marcadores, como o líder do ranking. */

  /* fio */
  --fio-fino: 1px;
  --fio-medio: 1.5px;
  --fio-forte: 3px;

  /* sombra */
  --sombra-nenhuma: none; /* Padrão. A profundidade vem do tom. Na TV, sempre esta. */
  --sombra-flutuante: 0 1px 2px rgb(32 34 30 / 0.08), 0 4px 12px rgb(32 34 30 / 0.06); /* Só no portal, para camada que flutua: menu e lista de opções. */
  --sombra-dialogo: 0 12px 32px rgb(32 34 30 / 0.12); /* Só no portal, para diálogo. */

  /* movimento */
  --movimento-curta: 150ms;
  --movimento-media: 300ms;
  --movimento-entrada: 500ms;
  --movimento-curva-saida: cubic-bezier(0.16, 1, 0.3, 1);

  /* tv */
  --tv-espaco-1: 0.4cqw; /* O --g1 do mosaico do painel do MVP. */
  --tv-espaco-2: 0.8cqw; /* O --g2 do mosaico do painel do MVP. */
  --tv-espaco-3: 1.2cqw; /* O --g3 do mosaico do painel do MVP. */
  --tv-espaco-4: 1.8cqw; /* O --g4 do mosaico do painel do MVP. */
  --tv-espaco-5: 2.6cqw; /* O --g5 do mosaico do painel do MVP. */
  --tv-espaco-6: 3.4cqw; /* O --g6 do mosaico do painel do MVP. */
  --tv-margem-tela: 2.4cqw; /* Margem interna de cada tela do mosaico (o --lat do painel do MVP). */
  --tv-raio: 0.2cqw;
  --tv-fio-fino: 0.16cqw; /* O --fio do mosaico do painel do MVP. */
  --tv-fio-medio: 0.3cqw; /* O --fio2 do mosaico do painel do MVP. */
  --tv-fio-forte: 0.5cqw; /* O --fio3 do mosaico do painel do MVP. */
  --tv-foco-largura: 0.5cqw; /* Anel de foco da navegação pelo controle remoto. */
  --tv-mosaico-vao: 6px; /* Vão entre as quatro telas, na cor da borda. */
  --tv-margem-segura: 0px; /* Aumentar, por exemplo para 2.5vw, só se a TV cortar as bordas da imagem. Conferir na instalação. */

  /* estado · ok */
  --estado-ok-cor: #0A4A50; /* Ícone do pé do cartão. */
  --estado-ok-numero: #0A4A50;
  --estado-ok-cor-detalhe: #474A42; /* Texto do pé do cartão. */
  --estado-ok-fundo: transparent; /* Herda o fundo da tela. */
  --estado-ok-borda-cor: transparent;
  --estado-ok-borda-estilo: none;
  --estado-ok-borda-tv: 0cqw;
  --estado-ok-borda-portal: 0px;
  --estado-ok-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M8 12.4l2.8 2.8L16.2 9.4'/%3E%3C/svg%3E"); /* Círculo com visto. */
  --estado-ok-rotulo: "OK";
  --estado-ok-mensagem: "";

  /* estado · zero */
  --estado-zero-cor: #0A4A50; /* Zero de verdade: aparece como qualquer número, sem aviso. */
  --estado-zero-numero: #0A4A50;
  --estado-zero-cor-detalhe: #474A42;
  --estado-zero-fundo: transparent;
  --estado-zero-borda-cor: transparent;
  --estado-zero-borda-estilo: none;
  --estado-zero-borda-tv: 0cqw;
  --estado-zero-borda-portal: 0px;
  --estado-zero-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cellipse cx='12' cy='12' rx='2.9' ry='4.3'/%3E%3C/svg%3E"); /* Círculo com zero. */
  --estado-zero-rotulo: "Zero real";
  --estado-zero-mensagem: "";

  /* estado · parcial */
  --estado-parcial-cor: #603700;
  --estado-parcial-numero: #0A4A50;
  --estado-parcial-cor-detalhe: #474A42;
  --estado-parcial-fundo: transparent;
  --estado-parcial-borda-cor: #603700;
  --estado-parcial-borda-estilo: dashed;
  --estado-parcial-borda-tv: 0.32cqw;
  --estado-parcial-borda-portal: 1.5px;
  --estado-parcial-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 3a9 9 0 0 0 0 18z' fill='black'/%3E%3C/svg%3E"); /* Círculo meio cheio. */
  --estado-parcial-rotulo: "Parcial";
  --estado-parcial-mensagem: "Parcial";

  /* estado · indisponivel */
  --estado-indisponivel-cor: #20221E; /* Texto em Grafite: o cartão tem fundo de rebaixo. */
  --estado-indisponivel-numero: #20221E; /* Só se a decisão final exibir 0 na ausência (seção 7, item 4). */
  --estado-indisponivel-cor-detalhe: #20221E; /* Grafite: o Grafite brando não chega a 7:1 sobre o rebaixo. */
  --estado-indisponivel-fundo: #DDD7C6;
  --estado-indisponivel-borda-cor: #474A42;
  --estado-indisponivel-borda-estilo: dashed;
  --estado-indisponivel-borda-tv: 0.32cqw;
  --estado-indisponivel-borda-portal: 1.5px;
  --estado-indisponivel-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9' stroke-dasharray='3.3 3.3'/%3E%3Cpath d='M8.5 15.5l7-7'/%3E%3C/svg%3E"); /* Círculo tracejado cortado. */
  --estado-indisponivel-rotulo: "Indisponível";
  --estado-indisponivel-mensagem: "Informação indisponível";

  /* estado · erro */
  --estado-erro-cor: #792313;
  --estado-erro-numero: #792313; /* Erro não mostra número: o valor está em formato inválido. */
  --estado-erro-cor-detalhe: #20221E; /* Grafite: o Grafite brando não chega a 7:1 sobre o fundo de erro. */
  --estado-erro-fundo: #EBD6C9;
  --estado-erro-borda-cor: #792313;
  --estado-erro-borda-estilo: solid;
  --estado-erro-borda-tv: 0.5cqw;
  --estado-erro-borda-portal: 3px;
  --estado-erro-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3.6l9.4 16.3H2.6z'/%3E%3Cpath d='M12 10v4.4'/%3E%3Cpath d='M12 17.2v.1'/%3E%3C/svg%3E"); /* Triângulo de alerta. */
  --estado-erro-rotulo: "Erro";
  --estado-erro-mensagem: "Erro na planilha";

  /* estado · desatualizado */
  --estado-desatualizado-cor: #474A42;
  --estado-desatualizado-numero: #474A42; /* Último valor válido, em tinta branda. */
  --estado-desatualizado-cor-detalhe: #474A42;
  --estado-desatualizado-fundo: transparent;
  --estado-desatualizado-borda-cor: transparent; /* Sem moldura (ADR-0015): o estado fica no selo com o relógio, na faixa e no rodapé. */
  --estado-desatualizado-borda-estilo: none;
  --estado-desatualizado-borda-tv: 0cqw;
  --estado-desatualizado-borda-portal: 0px;
  --estado-desatualizado-icone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5.2l3.3 2'/%3E%3C/svg%3E"); /* Relógio. */
  --estado-desatualizado-rotulo: "Desatualizado";
  --estado-desatualizado-mensagem: "Desatualizado";

  /* texto */
  --texto-selo-ficticio: "Dados fictícios"; /* Selo obrigatório em toda tela com dado de amostra. */
  --texto-endosso: "por ABL Tech";

  /* marca */
  --marca-abl-tech-tinta: #112732; /* Tinta do logo da ABL Tech sobre os fundos claros: o navy oficial da marca. Pinta as letras ABL, o T do símbolo, a tagline e o início do degradê de TECH. */
  --marca-abl-tech-vermelho: #E8443A; /* Vermelho oficial da ABL Tech: anel, flecha, nós e o fim do degradê de TECH. Igual nos dois temas. Forma, nunca texto de interface. */
}

/* Tema escuro. Direção B · Instrumento à noite, com os valores da direção B escura que o Wesley viu na página das direções (decisões D13 e D16): Petróleo noturno no fundo, Linho na tinta, Petróleo aceso para medir e Âmbar aceso só em forma. O logo da ABL Tech assume a cor da superfície (D18), por isso o fundo não precisa ser o navy. Não é inversão do tema claro: cada cor foi escolhida para a sua tarefa e conferida pelo scripts/checar_contraste.mjs (afinação descrita no manual da marca, seção 3.5, e integrada com a subfase 3.2). */
[data-tema="escuro"] {
  color-scheme: dark;
  --cor-fundo: #091D1F; /* Petróleo noturno. Fundo de todas as telas no tema escuro, o da direção B escura da página das direções. */
  --cor-superficie: #13282B; /* Painel. Áreas de leitura, campos e cartões do portal. */
  --cor-rebaixo: #051416; /* Fosso. Trilhos de barra, células vazias e o cartão indisponível. */
  --cor-erro-fundo: #292421; /* Brasa apagada. Fundo do cartão de erro: o Petróleo noturno com 20% da Ferrugem da direção B (#9C2F1C), mistura em OKLab. Sobre o Painel, o rosa de alarme ficaria abaixo de 7:1. */
  --cor-borda: #324748; /* Risco noturno. Fios e divisórias, sempre decorativos. */
  --cor-tinta: #EBE6D8; /* Linho como tinta. Texto, títulos e números de apoio: o tom de areia da D4 continua no tema escuro. */
  --cor-tinta-branda: #C0BEB3; /* Linho brando. Texto de apoio, rótulos e o estado desatualizado. */
  --cor-dado: #70D5CE; /* Petróleo aceso. Medir: o número medido, a série do mês atual e as barras. */
  --cor-positivo: #70D5CE; /* Igual ao Petróleo aceso: o positivo vem sempre com ícone e texto. */
  --cor-comparacao: #6C8684; /* Névoa noturna. A série do mês anterior, só em forma. */
  --cor-acento: #E7963D; /* Âmbar aceso. Meta, ponteiro e líder do ranking, só em forma. */
  --cor-atencao: #F4C170; /* Âmbar claro. Estado parcial, em texto, ícone e borda. */
  --cor-erro: #FF8FA0; /* Rosa de alarme. Estado de erro, em texto, ícone e borda; distante do Âmbar aceso e do Âmbar claro em OKLab. */
  --cor-texto-inverso: #091D1F; /* Petróleo noturno sobre preenchimento claro: casa cheia da meta, botão pressionado e tecla. */
  --cor-calor-1: #051416; /* Mapa de horários, degrau 1 de 5. Rampa em OKLab do Fosso ao Petróleo aceso, nas posições 0; 0,25; 0,50; 0,75 e 1. */
  --cor-calor-2: #1B3D3E; /* Mapa de horários, degrau 2 de 5. */
  --cor-calor-3: #356C6A; /* Mapa de horários, degrau 3 de 5, na primeira posição em que o texto chega a 4,5:1. */
  --cor-calor-4: #529F9B; /* Mapa de horários, degrau 4 de 5. */
  --cor-calor-5: #70D5CE; /* Mapa de horários, degrau 5 de 5. */
  --cor-calor-texto-1: #EBE6D8;
  --cor-calor-texto-2: #EBE6D8;
  --cor-calor-texto-3: #EBE6D8;
  --cor-calor-texto-4: #091D1F;
  --cor-calor-texto-5: #091D1F;
  --foco-cor: #EBE6D8; /* Anel de foco em Linho, sobre os fundos escuros. */
  --foco-cor-inversa: #091D1F; /* Anel de foco sobre preenchimento claro. */
  --sombra-flutuante: 0 1px 2px rgb(2 9 10 / 0.45), 0 4px 12px rgb(2 9 10 / 0.35); /* Só no portal. No escuro a sombra precisa de mais densidade para aparecer. */
  --sombra-dialogo: 0 12px 32px rgb(2 9 10 / 0.55); /* Só no portal, para diálogo. */
  --estado-ok-cor: #70D5CE;
  --estado-ok-numero: #70D5CE;
  --estado-ok-cor-detalhe: #C0BEB3;
  --estado-zero-cor: #70D5CE;
  --estado-zero-numero: #70D5CE;
  --estado-zero-cor-detalhe: #C0BEB3;
  --estado-parcial-cor: #F4C170;
  --estado-parcial-numero: #70D5CE;
  --estado-parcial-cor-detalhe: #C0BEB3;
  --estado-parcial-borda-cor: #F4C170;
  --estado-indisponivel-cor: #EBE6D8;
  --estado-indisponivel-numero: #EBE6D8;
  --estado-indisponivel-cor-detalhe: #EBE6D8;
  --estado-indisponivel-fundo: #051416;
  --estado-indisponivel-borda-cor: #C0BEB3;
  --estado-erro-cor: #FF8FA0;
  --estado-erro-numero: #FF8FA0;
  --estado-erro-cor-detalhe: #EBE6D8;
  --estado-erro-fundo: #292421;
  --estado-erro-borda-cor: #FF8FA0;
  --estado-desatualizado-cor: #C0BEB3;
  --estado-desatualizado-numero: #C0BEB3;
  --estado-desatualizado-cor-detalhe: #C0BEB3;
  --marca-abl-tech-tinta: #FFFFFF; /* Tinta do logo da ABL Tech no tema escuro: o branco oficial da versão para fundo escuro (D18). */
  --marca-abl-tech-vermelho: #E8443A; /* O vermelho da marca não muda com o tema (D18). */
}