/* APP314 · tokens de design do site. */
:root{

  --app-grafite:        #0E1721;
  --app-azul:           #0A5FA3;
  --app-azul-escuro:    #084E86;
  --app-azul-claro:     #4DB2F5;
  --app-azul-suave:     #E8F1FA;
  --app-sobre-azul:     #FFFFFF;
  --app-escuro:         #1A1A1A;

  --igreja-cor:         var(--app-azul);
  --igreja-cor-texto:   #FFFFFF;

  --sinal-positivo:       #2E7D43;
  --sinal-positivo-fundo: #E7F3EC;
  --sinal-negativo:       #C0453A;
  --sinal-negativo-fundo: #FBEAE8;
  --sinal-erro-forte:     #B3261E;
  --sinal-alerta:         #7A5B12;
  --sinal-alerta-fundo:   #FDF3DD;
  --sinal-info:           #02688F;
  --sinal-info-fundo:     #E6F2F8;
  --sinal-atencao:        #7A5B12;

  --app-fundo:          #F7F6F3;
  --app-superficie:     #FFFFFF;
  --app-superficie-2:   #FBFAF6;
  --app-linha:          #E8E6E1;
  --app-linha-forte:    #D8D6CC;
  --app-texto:          #1F2124;
  --app-texto-2:        #4D5157;
  --app-texto-3:        #6B7077;
  --escuro-texto:       #F7F6F3;
  --escuro-texto-2:     #C9C9C1;
  --escuro-texto-3:     #8B8B83;
  --escuro-linha:       rgba(255,255,255,.08);

  --kpi-verde: #E8F3EC;  --kpi-verde-traco: #2E7D43;
  --kpi-azul:  #E9F1F8;  --kpi-azul-traco:  #2A6F97;
  --kpi-roxo:  #EFEAFA;  --kpi-roxo-traco:  #6B4FA8;
  --kpi-ambar: #FDF3DD;  --kpi-ambar-traco: #A9791A;
  --kpi-rosa:  #FDEAF4;  --kpi-rosa-traco:  #A63E78;

  --grafico-entrada: #D9A441;
  --grafico-saida:   #5D6169;

  --fonte-texto:  system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --fonte-marca:  var(--fonte-texto);
  --fonte-mono:   ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  --texto-xs:   0.75rem;
  --texto-sm:   0.875rem;
  --texto-md:   1rem;
  --texto-lg:   1.125rem;
  --texto-xl:   1.375rem;
  --texto-2xl:  1.75rem;
  --peso-normal: 400;
  --peso-medio:  600;
  --peso-forte:  700;
  --peso-marca:  800;
  --altura-linha:        1.5;
  --altura-linha-titulo: 1.2;
  --espaco-letra-marca:  0.06em;
  --espaco-letra-rotulo: 0.04em;
  --campo-fonte: 16px;

  --esp-1: 4px;  --esp-2: 8px;  --esp-3: 12px; --esp-4: 16px;
  --esp-5: 20px; --esp-6: 24px; --esp-8: 32px; --esp-10: 40px; --esp-12: 48px;
  --margem-celular: 16px;
  --largura-leitura: 720px;
  --largura-app:     1420px;

  --raio-sm:     6px;
  --raio-md:     10px;
  --raio-lg:     14px;
  --raio-xl:     20px;
  --raio-pilula: 999px;

  --sombra-1:     0 1px 2px rgba(24,24,24,.05), 0 4px 16px rgba(24,24,24,.05);
  --sombra-2:     0 12px 32px rgba(0,0,0,.14);
  --sombra-folha: 0 -8px 24px rgba(0,0,0,.18);

  --camada-cabecalho: 20;
  --camada-menu:      50;
  --camada-gaveta:    60;
  --camada-confirma:  80;
  --camada-aviso:     90;

  --mov-rapido: 120ms;
  --mov-padrao: 180ms;
  --mov-curva:  ease;

  --alvo-min:     44px;
  --alvo-espaco:  8px;
  --icone:        20px;
  --icone-traco:  1.8;
  --foco-cor:     var(--app-azul);
  --foco-largura: 2px;
  --foco-afastamento: 2px;
}

@media (prefers-reduced-motion: reduce){
  :root{ --mov-rapido: 0ms; --mov-padrao: 0ms; }
}