/* ============================================ */ /* BASE — body, tipografia, elementos globais */ /* Fontes: Fraunces (variable, opsz 9..144) + */ /* Inter, ambas via Google Fonts no . */ /* ============================================ */ body { font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; color: var(--ink); background: var(--white-warm); line-height: 1.7; font-weight: 400; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; overflow-x: hidden; } ::selection { background: var(--sage-deep); color: var(--white-warm); } /* Títulos — Fraunces variable, eixo opsz fixado em 144 (display). letter-spacing -0.025em e line-height 1.05 nos títulos grandes; h3/h4 relaxam para -0.01em e 1.2 (mais legíveis em tamanhos médios). */ h1, h2, h3, h4 { font-family: 'Fraunces', Georgia, 'Times New Roman', serif; font-weight: 400; letter-spacing: -0.025em; line-height: 1.05; color: var(--ink); font-variation-settings: "opsz" 144; } h3, h4 { letter-spacing: -0.01em; line-height: 1.2; } /* Foco visível — CLAUDE.md exige outline em todos os interativos. */ :focus-visible { outline: 2px solid var(--sage-deep); outline-offset: 3px; border-radius: 4px; }