/* Ortelius & PulsoUrbano · Identidade "Cartografia editorial + plataforma de dados" · tokens v2.0
   Fundo claro = Pergaminho (nunca branco). Escuro = Tinta (Ortelius) / Araucária profundo (PulsoUrbano).
   Acento: Terracota = Ortelius · Araucária (verde) = PulsoUrbano. */
@import url('https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Archivo:wght@400;500;600;700;800&family=Archivo+Expanded:wght@500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* --- Estrutura (claro) --- */
  --pergaminho:#F4EFE6; --pergaminho-claro:#FDFBF6; --pergaminho-esc:#EDE6D8; --mesa:#E9E2D2;
  --papel:#F4EFE6; --branco:#FDFBF6;                 /* nomes legados -> pergaminho */
  /* --- Escuros --- */
  --tinta-ortelius:#14202E;                          /* escuro da holding */
  --araucaria-prof:#173126;                          /* escuro do PulsoUrbano (nav/hero/sidebar) */
  --tinta:#173126;                                   /* legado --tinta agora = araucária profundo (app é PulsoUrbano) */
  /* --- Acentos de marca --- */
  --terracota:#C05B33; --terracota-esc:#A54B28;      /* Ortelius */
  --araucaria:#2E6B4F;                               /* verde sobre claro */
  --araucaria-claro:#7FC29B;                         /* verde sobre escuro */
  --verde:#2E6B4F; --verde-esc:#1F4A37; --verde-claro:#7FC29B; --verde-tint:#E4EFE7;  /* legados -> araucária */
  /* --- Texto --- */
  --texto-2:#3C4654; --texto-3:#6E6A5F;
  /* --- Linhas/bordas --- */
  --linha:#E3DCCC; --linha-suave:#EDE6D8; --borda-med:#D8D0BC;
  /* --- Semântica de score (alto/médio/atenção) --- */
  --ok:#2E6B4F; --ok-tint:#E4EFE7; --alerta:#B08A2E; --alerta-tint:#F3EBD6;
  --risco:#C05B33; --risco-tint:#F6E7DF; --neutro-hist:#9FB0A6;
  --ocre:#B08A2E; --azul-cidade:#2C5D8A; --carimbo:#2C5D8A; --carimbo-tint:#E5EDF3;
  /* --- Tipografia --- */
  --serif:"Spectral",Georgia,"Times New Roman",serif;
  --sans:"Archivo",system-ui,-apple-system,sans-serif;
  --exp:"Archivo Expanded","Archivo",system-ui,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,monospace;
  --d:"Spectral",Georgia,serif;                      /* legado display -> serifa editorial */
  --b:"Archivo",system-ui,sans-serif;                /* legado corpo -> Archivo */
  --m:"IBM Plex Mono",monospace;                     /* legado mono -> IBM Plex Mono */
  /* --- Aliases legados (site/app antigos usavam estes) --- */
  --coral-900:#173126; --coral-700:#1F4A37; --coral-500:#2E6B4F; --coral-400:#7FC29B; --coral-200:#BFE0CE; --coral-50:#E4EFE7;
  --gray-900:#173126; --gray-700:#3C4654; --gray-500:#8B8578; --gray-300:#B7AE9C; --gray-200:#E3DCCC; --gray-50:#F4EFE6;
  --success:#2E6B4F; --warning:#B08A2E; --danger:#C05B33; --info:#2C5D8A;
}
.display,.disp{font-family:var(--serif);font-weight:400;letter-spacing:0}
.mono{font-family:var(--mono)}
.eyebrow{font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--araucaria);font-weight:500}

/* --- Acessibilidade / usabilidade globais --- */
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--araucaria-claro,#7FC29B);outline-offset:2px}
button,a,[role="button"]{ -webkit-tap-highlight-color:transparent }
@media (prefers-reduced-motion: reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important}
}
