/* =========================================================================
   Painel FOTON — escala fechada.
   Cinco cores de dado, mais os neutros. Nenhuma cor é escrita fora daqui,
   e nenhum gráfico define cor própria: o JavaScript lê estas variáveis.
   ========================================================================= */

:root {
  /* --- as cinco cores de dado: MARCA, não texto ---
     Escalonadas para passar nos seis testes de paleta, inclusive separação
     sob daltonismo. O par verde/vermelho anterior (#2e8b57 e #c4362c) dava
     ΔE 5,7 em deuteranopia, abaixo do piso, e as duas fatias ficavam juntas
     na rosca da etapa. Agora o pior par adjacente é ΔE 10,4. */
  --dado-1: #0a7095;   /* atendimento emergencial */
  --dado-2: #e0a028;   /* SAC */
  --dado-3: #3d9e6e;   /* resolvido sem remoção */
  --dado-4: #a82b23;   /* atenção, remoção, reincidência */
  --dado-5: #6a4c93;   /* série auxiliar */

  /* --- as mesmas famílias como TEXTO ---
     Cor de marca não serve como tinta: o amarelo em número grande dava 2,2:1
     e o verde 4,2:1, os dois abaixo do mínimo. Estes passos são só para texto
     e ficam todos acima de 4,5:1 sobre a superfície branca. */
  --tinta-marca:  var(--dado-1);  /* 5,58:1 */
  --tinta-ok:     #1d6b45;        /* 6,48:1 */
  --tinta-alerta: #8a5a08;        /* 5,92:1 */
  --tinta-erro:   #9b2b22;        /* 7,60:1 */
  --tinta-auxiliar: #5f4487;      /* 7,93:1 */

  /* --- neutros --- */
  --fundo:        #f5f6f8;
  --superficie:   #ffffff;
  --superficie-2: #eceff2;
  --borda:        #dde1e6;
  --tinta:        #14181d;
  --tinta-suave:  #59636e;
  --tinta-fraca:  #8b939c;

  /* Degradê do mapa, derivado da cor 1: intensidade por volume. */
  --mapa-0: #e8edf0;
  --mapa-1: color-mix(in oklab, var(--dado-1) 18%, white);
  --mapa-2: color-mix(in oklab, var(--dado-1) 36%, white);
  --mapa-3: color-mix(in oklab, var(--dado-1) 58%, white);
  --mapa-4: color-mix(in oklab, var(--dado-1) 78%, white);
  --mapa-5: var(--dado-1);

  /* --- espaço, razão 1.5 --- */
  --e-1: 0.25rem; --e-2: 0.5rem;  --e-3: 0.75rem;
  --e-4: 1rem;    --e-5: 1.5rem;  --e-6: 2.25rem; --e-7: 3.5rem;

  /* --- tipografia fluida: cresce com a viewport, sem escadinha de media query --- */
  --t-mini:    clamp(0.70rem, 0.68rem + 0.10vw, 0.76rem);
  --t-menor:   clamp(0.80rem, 0.77rem + 0.14vw, 0.88rem);
  --t-corpo:   clamp(0.94rem, 0.90rem + 0.18vw, 1rem);
  --t-titulo:  clamp(1.05rem, 0.98rem + 0.36vw, 1.28rem);
  --t-tela:    clamp(1.40rem, 1.15rem + 1.10vw, 2rem);
  /* O número grande do infográfico: é ele que carrega a leitura. */
  --t-numero:  clamp(2.1rem, 1.5rem + 2.6vw, 3.4rem);

  --raio-1: 6px; --raio-2: 12px; --raio-3: 20px;

  /* Sombra em camadas, nunca um borrão único. */
  --sombra-1: 0 1px 1px rgb(20 24 29 / 0.04), 0 2px 4px rgb(20 24 29 / 0.04);
  --sombra-2: 0 1px 1px rgb(20 24 29 / 0.05), 0 2px 6px rgb(20 24 29 / 0.06),
              0 10px 24px rgb(20 24 29 / 0.06);
  --sombra-foco: 0 0 0 3px color-mix(in oklab, var(--dado-1) 35%, white);

  --duracao: 160ms;
  --curva: cubic-bezier(0.2, 0, 0, 1);
  --alvo-toque: 44px;

  --fonte: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --fonte-numero: ui-monospace, "SF Mono", "Cascadia Mono", Consolas, monospace;
}