/* ========================================================================== TIPOGRAFIA BASE -------------------------------------------------------------------------- Regras globais de tipografia. As fontes em si (EB Garamond + Manrope) são carregadas via Google Fonts no do index.html — aqui apenas aplicamos as variáveis definidas em base/_variables.css. ========================================================================== */ body { font-family: var(--font-body); font-size: var(--fs-body); color: var(--color-ink); background-color: var(--color-white); } h1, h2, h3, h4 { font-family: var(--font-display); font-weight: 500; line-height: 1.15; color: var(--color-navy-deep); /* Auditoria 05/09: sem isto, títulos que quebram para 2-3 linhas em ecrãs estreitos (ex: "Dúvidas sobre Psicologia / Clínica", "Benefícios do / Acompanhamento / Psicológico") deixavam frequentemente uma única palavra órfã na última linha. Suporte nativo no browser; onde não há suporte, mantém-se o wrapping normal (nunca pior do que estava). */ text-wrap: balance; } h1 { font-size: var(--fs-h1); } h2 { font-size: var(--fs-h2); } h3 { font-size: var(--fs-h3); } p { max-width: 60ch; /* comprimento de linha confortável para leitura */ } /* Parágrafo de destaque, usado logo a seguir a um título de secção */ .lead { font-size: var(--fs-lead); color: var(--color-grey); line-height: 1.6; }