/* Design tokens — extraídos do Figma (neo-brutalismo). */

:root {
	/* Cores */
	--amarelo: #ffb700;
	--preto: #1b1b1b;
	--branco: #ffffff;
	--mapa-bg: #e6a500;

	/* Marcadores por categoria */
	--pin-janelas: #ef4444;
	--pin-azulejo: #f59e0b;
	--pin-arte: #f97316;
	--pin-emaranhados: #b91c1c;

	/* Tipografia */
	--fonte: 'IBM Plex Sans', Arial, sans-serif;
	--lh: 1.4;
	--fs-corpo: 15px;
	--fs-titulo: 18px;
	--fs-hero: clamp(28px, 6vw, 56px);
	--fs-fab: 16px;
	--fs-num: 20px;
	--fs-label: 14px;
	--fs-mini: 12px;

	/* Espaçamento */
	--space-1: 8px;
	--space-2: 12px;
	--space-3: 20px;
	--space-4: 40px;
	--gutter: 20px;

	/* Sombras duras (offset, sem blur) */
	--shadow-branca: 3px 3px 0 0 var(--branco);
	--shadow-preta: 3px 3px 0 0 var(--preto);
	--shadow-preta-sm: 2px 2px 0 0 #000;

	/* Layout */
	--col-max: 920px;
	--conteudo-max: 620px;
	--borda: 1px solid var(--preto);
}