/*
 * Tokens de design · NzoMap — página pública
 * Design system: Dignified Civic Map (serviço público)
 *
 * Gerado a partir de design/tokens/colors.md, typography.md e spacing.md —
 * a FONTE DE VERDADE. Se este ficheiro divergir do markdown, o markdown manda
 * (R9). Nunca escrever cores/fontes/spacing literais no CSS da página — usar
 * sempre estas variáveis (R2).
 *
 * ⚠️ Não tirar cores do HTML exportado do Stitch — mistura duas paletas (KI-5).
 */

:root {
  /* ── Cores ──────────────────────────────────────────────── */
  --nzo-navy: #0d2644; /* texto, cabeçalhos, confiança */
  --nzo-gold: #c9982a; /* destaques, sucessos, marca — com parcimónia */
  --nzo-blue: #3c91e6; /* acções primárias, links, ponto no mapa */
  --nzo-cream: #fff8f2; /* fundo dos cards do Guia Visual */
  --nzo-paper: #fbfaf7; /* fundo geral — nunca branco puro */
  --nzo-ink: #1c2530; /* texto principal */
  --nzo-slate: #5b6b7a; /* texto secundário, divisórias */
  --nzo-error: #b3261e; /* SÓ erros */
  --nzo-success: #1a7f4e; /* SÓ confirmações */

  /* ── Tipografia ─────────────────────────────────────────── */
  /* Fontes empacotadas localmente (offline-first) — ver fonts/README.md.
     Fallbacks de sistema até os .woff2 estarem presentes. */
  --nzo-font-title: "Space Grotesk", system-ui, sans-serif;
  --nzo-font-body: "Inter", system-ui, sans-serif;
  --nzo-font-mono: "Space Mono", ui-monospace, monospace; /* códigos NZO */

  --nzo-text-headline-xl: 700 40px/48px var(--nzo-font-title);
  --nzo-text-headline-lg: 600 32px/40px var(--nzo-font-title);
  --nzo-text-headline-md: 500 20px/28px var(--nzo-font-title);
  --nzo-text-body-lg: 400 18px/28px var(--nzo-font-body);
  --nzo-text-body-md: 400 16px/24px var(--nzo-font-body);
  --nzo-text-body-sm: 400 14px/20px var(--nzo-font-body);
  --nzo-code-letter-spacing: 0.05em; /* Space Mono, para ler em voz alta */

  /* ── Espaçamento (ritmo de 8px) ─────────────────────────── */
  --nzo-space-xs: 4px;
  --nzo-space-base: 8px;
  --nzo-space-sm: 12px;
  --nzo-space-md: 20px;
  --nzo-space-lg: 32px;
  --nzo-space-xl: 48px;
  --nzo-gutter: 16px;
  --nzo-container-max: 1200px;

  /* ── Formas ─────────────────────────────────────────────── */
  --nzo-radius: 4px; /* botões, inputs — não pills */
  --nzo-radius-card: 8px; /* cards, Guia Visual */

  /* ── Alvos de toque (WCAG AA + realidade de campo) ──────── */
  --nzo-tap-min: 48px;

  /* ── Profundidade (papel plano, sem sombras pesadas) ────── */
  --nzo-border-card: 1px solid rgba(13, 38, 68, 0.1); /* navy 10% */
  --nzo-lift-active: 0 2px 4px rgba(13, 38, 68, 0.08);
}