/**
 * Base compartilhada: variáveis de cor, tipografia e utilitários responsivos.
 * Carregado ANTES de main.css/mainsind.css/menu.css — as regras existentes
 * continuam vencendo a cascata onde já são específicas; este arquivo só
 * define a base que faltava (fonte, cor de fundo/texto, respiro em telas
 * pequenas), sem alterar a paleta ou a estrutura das páginas.
 */

:root {
	/* mesma paleta já usada em main.css/mainsind.css/menu.css, só nomeada */
	--cor-azul: #146B98;
	--cor-azul-claro: #1B96D9;
	--cor-texto: #333;
	--cor-texto-secundario: #666;
	--cor-borda: #bbb;
	--cor-fundo: #fff;
	--cor-fundo-suave: #f7f7f7;
	--cor-erro: #DD0000;
	--cor-erro-texto: #880000;
	--cor-erro-fundo: #FFE3E3;
	--cor-sucesso-fundo: #ecfdec;
	--cor-sucesso-borda: #4caf50;

	/* diz ao navegador que a página é feita para tema claro, evitando
	   que mobile com modo escuro do sistema inverta as cores sozinho */
	color-scheme: light;
}

*, *::before, *::after {
	box-sizing: border-box;
}

html, body {
	color: var(--cor-texto);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	font-size: 15px;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
}

img, svg {
	max-width: 100%;
	height: auto;
}

a {
	color: var(--cor-azul);
}

a:hover {
	color: var(--cor-azul-claro);
}

/* wrappers utilitários usados pelas views para permitir rolagem horizontal
   em vez de espremer tabelas/grids em telas estreitas */
.tabela-scroll,
.grid-scroll {
	width: 100%;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

/*
 * Link de "Voltar" (usado como <h2> em ~28 telas). Sem nenhuma regra própria,
 * ele herdava o tamanho/margem padrão de h2 do navegador (fonte grande,
 * ~20px de margem em cima e embaixo). Dentro das regiões do BorderContainer
 * (altura calculada via JS, position:absolute), essa caixa maior que o
 * necessário é o que fazia esse link invadir visualmente o espaço de outros
 * elementos. Aqui ele continua com a mesma aparência (negrito, clicável),
 * só com uma caixa mais previsível.
 */
.link-voltar {
	margin: 15px 0;
	font-size: 1.1em;
	line-height: 1.3;
}