/* Base: tokens, tipografia, foco visivel e navegacao.
   Movido de <style> inline para arquivo, sem alterar uma regra.
   O objetivo e poder tirar 'unsafe-inline' de style-src na CSP: com ele,
   qualquer estilo injetado numa pagina e aplicado pelo navegador. */

body { font-family: var(--font-body); color:#1f2937; }
        h1,h2 { font-family: var(--font-display); }
        a:focus-visible, button:focus-visible { outline:3px solid var(--color-cerulean); outline-offset:2px; border-radius:4px; }
        .nav-link { position:relative; padding-bottom:2px; }
        .nav-link::after { content:''; position:absolute; bottom:-1px; left:0; width:0; height:2px; background:var(--color-cerulean); transition:width .25s ease; border-radius:1px; }
        .nav-link:hover::after { width:100%; }
        #mobile-menu { display:none; }
        #mobile-menu.open { display:block; }