/*
 * Design tokens do novo layout (sem Bootstrap).
 * Fundo branco, texto quase preto, um único acento (teal) para ação/destaque.
 */
:root {
	--bg: #ffffff;
	--bg-elevado: #f5f6f6;
	--bg-elevado-hover: #ececed;
	--borda: #e2e4e3;

	--texto: #1a1a1a;
	--texto-secundario: #6b6f6e;
	--texto-invertido: #ffffff;

	--accent: #0f766e;
	--accent-hover: #0c5f59;
	--accent-fraco: #e6f2f1;

	--perigo: #dc2626;
	--perigo-fraco: #fdeaea;
	--sucesso: #16a34a;
	--sucesso-fraco: #e8f7ee;
	--aviso: #d97706;
	--aviso-fraco: #fdf3e3;
	--info: #0369a1;
	--info-fraco: #e6f2fa;

	--fs-xs: 0.75rem;
	--fs-sm: 0.875rem;
	--fs-base: 1rem;
	--fs-lg: 1.125rem;
	--fs-xl: 1.375rem;
	--fs-2xl: 1.75rem;

	--space-1: 0.25rem;
	--space-2: 0.5rem;
	--space-3: 0.75rem;
	--space-4: 1rem;
	--space-5: 1.5rem;
	--space-6: 2.5rem;

	--radius-sm: 6px;
	--radius: 10px;
	--radius-lg: 16px;
	--radius-botao: 8px;
	--radius-pill: 999px;

	--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
	--shadow-top: 0 -2px 10px rgba(0, 0, 0, 0.06);

	--altura-topbar: 56px;
	--altura-tabbar: 64px;

	--fonte: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}