/*
  Paleta única, sóbria, para contexto clínico. Combinações texto/fundo
  abaixo foram checadas para contraste AA (>= 4.5:1 texto normal,
  >= 3:1 componentes de UI/bordas de campo).
*/
:root {
  /* cores */
  --cor-fundo: #f5f7f7;
  --cor-superficie: #ffffff;
  --cor-texto: #1c2b2e;
  --cor-texto-suave: #52646a;
  --cor-primaria: #0f6e6a;
  --cor-primaria-escura: #0b514e;
  --cor-borda: #d5dee0;
  --cor-borda-campo: #7c8f92;
  --cor-erro: #8a1f1f;
  --cor-erro-fundo: #fbebeb;
  --cor-erro-borda: #e3b3b3;
  --cor-indisponivel: #8a9a9d;

  /* cor por tipo de atendimento/evento — linha do tempo (ver src/lib/tipos-consulta.js).
     Todas conferidas para >= 4.5:1 contra --cor-fundo e branco. A cor NUNCA é o único
     diferenciador — sempre acompanhada de ícone (ver parciais/icones_tipo.njk); retorno
     foi afastado de --cor-primaria de propósito (mesma família turquesa, hue mais azulado)
     pra não parecer o mesmo tom em uso normal da interface */
  --cor-tipo-clinica: #1d5fa8;
  --cor-tipo-dermato: #8a5a00;
  --cor-tipo-nutro: #1f7a3d;
  --cor-tipo-procedimento: #6b3fa0;
  --cor-tipo-teleorientacao: #4a6572;
  --cor-tipo-retorno: #0e7490;
  --cor-tipo-vacina: #a83e3e;
  --cor-tipo-exame: #5c6b6e;
  --cor-tipo-receita: #3949ab;
  --cor-tipo-emergencia: #c0392b;
  --cor-tipo-neutro: #52646a;

  /* cor de tag (tutores/pacientes) — mesmos hex de --cor-tipo-* (já
     conferidos para contraste AA), reaproveitados por nome de cor em vez
     de introduzir um tom novo sem checagem. Ver atendimento.tags.cor
     (check fechado) e src/repositorios/tags.js CORES_TAG. */
  --cor-tag-cinza: var(--cor-tipo-neutro);
  --cor-tag-azul: var(--cor-tipo-clinica);
  --cor-tag-verde: var(--cor-tipo-nutro);
  --cor-tag-ambar: var(--cor-tipo-dermato);
  --cor-tag-vermelho: var(--cor-tipo-vacina);
  --cor-tag-roxo: var(--cor-tipo-procedimento);
  --cor-tag-turquesa: var(--cor-tipo-retorno);

  /* espaçamento */
  --espaco-1: 0.25rem;
  --espaco-2: 0.5rem;
  --espaco-3: 0.75rem;
  --espaco-4: 1rem;
  --espaco-5: 1.5rem;
  --espaco-6: 2rem;

  /* raios */
  --raio-sm: 4px;
  --raio-md: 8px;
  --raio-lg: 12px;

  /* sombras */
  --sombra-sm: 0 1px 2px rgba(28, 43, 46, 0.08);
  --sombra-md: 0 4px 12px rgba(28, 43, 46, 0.12);

  /* tipografia */
  --fonte-sistema: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    Helvetica, Arial, sans-serif;
}