/* ============================================================
   tokens.css — as variáveis
   Sistema da Técnica — TI24h · site funcional, etapa 1.
   Valores EXTRAÍDOS do mock aprovado
   03-Planejamento/plataforma/mock/MOCK-PLATAFORMA-COMPLETO-66-TELAS-v.A.html
   (escala compacta v.A). Não engordar: qualquer número aqui que
   mude deixa de ser o aprovado.
   ============================================================ */
:root{
  /* ============================================================
     PALETA TI24h. A escala, o peso e a geometria sao os do v.A:
     este bloco troca COR, e nada mais.
     [REF] = tom de fundo medido nos prints (o design system confirma).
     [TI24H] = cor da TI24h (Estilos v.A §3.4/§3.7/§3.10 e design system v.B).
     Acao (azul), lugar (laranja) e estado (cinco familias) sao coisas
     diferentes, cada uma com a sua variavel. Nenhum verde-azulado.
     ============================================================ */
  /* --- tons de fundo: medidos nos prints --- */
  --fundo-moldura:#F2F2F2;          /* [REF] */
  --fundo-menu:#F6F6F6;             /* [REF] */
  --fundo-rodape-menu:#F6F6F6;      /* [REF] */
  --fundo-topbar:#FAFAFA;           /* [REF] */
  --fundo-main:#FCFCFC;             /* [REF] */
  --fundo-card:#FFFFFF;             /* [REF] */
  --fundo-cabecalho-tabela:#F7F7F7; /* [REF] faixa de titulo de coluna */
  --fundo-cabecalho-painel:#F7F7F7; /* [PEDIDO] era #F3F2F0; unificado com a
                                       faixa de titulo de coluna */
  --fundo-linha-tabela:#FFFFFF;     /* [REF] */
  --fundo-rodape-card:#F3F2F0;      /* [REF] */
  --fundo-campo:#F3F2F0;            /* [REF] */
  --fundo-botao-contorno:#FEFEFE;   /* [REF] */
  --fundo-grupo-botoes:#F9F8F6;     /* [REF] */
  --fundo-alt:#F9FAFB;              /* [TI24H] superficie alternada */
  --veu:rgba(14,17,20,0.45);        /* [TI24H] veu da gaveta */
  --fundo-pagina:var(--fundo-moldura);
  --sup-base:var(--fundo-card);
  --sup-sutil:var(--fundo-cabecalho-tabela);
  --sup-rodape:var(--fundo-rodape-card);
  --sup-grupo:var(--fundo-grupo-botoes);
  /* --- texto: os dois niveis passam 7:1. O terceiro nivel do v.A
         da referencia (2,60:1) nao passava: escureceu, nao cresceu --- */
  --txt-forte:#161616;           /* [REF] 17,86:1 */
  --txt-padrao:#333333;          /* [REF] 12,63:1 */
  --txt-apoio:#4A5158;           /* [TI24H] 7,19:1 na moldura (era 4,15:1) */
  --txt-fraco:#4A5158;           /* [TI24H] (era 2,60:1) */
  --sobre-acento:#FFFFFF;
  /* --- bordas: as mesmas espessuras do v.A, so a cor muda --- */
  --borda-sutil:#E3E6E9;         /* [TI24H] divisor, decorativa */
  --borda-padrao:#D4D8DD;        /* [TI24H] contorno de cartao, decorativa */
  --borda-controle:#828A93;      /* [TI24H] limite de botao e campo, 3,50:1 */
  --borda-forte:#B6BCC3;         /* [TI24H] fio do desenho */
  --borda-forte-op:#828A9366;     /* [TI24H] seta do desenho */
  /* --- ACAO --- */
  --acao:#17699A;                /* [TI24H] */
  --acao-escuro:#17699A;         /* [TI24H] */
  --acao-suave:#17699A1A;        /* [TI24H] */
  --acao-texto:#17699A;          /* [TI24H] */
  --dado-barra:#17699A;          /* [TI24H] */
  --foco:#17699A;                /* [TI24H] */
  /* --- MARCA: so o logo --- */
  --marca-fundo:#2695D2;         /* [TI24H][PEDIDO] azul do logo */
  --marca-texto:#FFFFFF;
  /* --- LUGAR: onde a pessoa esta agora --- */
  --ativo-fundo:#E9F0F5;         /* [TI24H] fundo do item ativo */
  --ativo-marca:#D9631A;         /* [TI24H][PEDIDO] barra de 4 px, a esquerda */
  --fundo-legenda-ativa:#F4F8FB; /* [TI24H] */
  /* --- placa de icone do cartao de resumo --- */
  --placa-fundo:#E7EFF5;
  --placa-icone:#17699A;         /* 5,13:1 sobre a placa */
  /* --- ESTADO: cinco sentidos, fundo / texto e borda --- */
  --est-neutro-bg:#F0F2F5;  --est-neutro-tx:#454D56;   /* 7,65:1 */
  --est-info-bg:#D6EFDB;    --est-info-tx:#135427;     /* 7,41:1 */
  --est-ok-bg:#B9C3CE;      --est-ok-tx:#222B34;       /* 8,04:1 */
  --est-atencao-bg:#FBEABB; --est-atencao-tx:#5C4300;  /* 7,79:1 */
  --est-critico-bg:#FBDCDA; --est-critico-tx:#8C1B18;  /* 7,16:1 */
  /* --- desenho de dado: azul e cinzas. Laranja e lugar, nunca dado --- */
  --cat-1:#17699A; --cat-2:#828A93; --cat-3:#4A5158; --cat-4:#828A93;
  --grafico-barra:#E3E6E9;
  --grafico-barra-acento:#C9DAE6;
  --grafico-destaque:#17699A;
  --grafico-atencao:#828A93;
  --anel-trilho:#E3E6E9;
  --fonte-mono:ui-monospace,SFMono-Regular,Menlo,monospace;
  /* --- no do desenho --- */
  --no-atencao:#E4CE8C; --no-atencao-bg:#FEFCF5;
  --no-ok:#AFC0CF;      --no-ok-bg:#FAFCFD;
  /* --- forma: EXATAMENTE a do v.A --- */
  --r-icone:4px; --r-ctrl:6px; --r-selo:6px; --r-item:8px;
  --r-painel:10px; --r-lamina:16px; --r-pilula:999px;
  --sombra-painel:0 7px 7px #00000014;
}