*{margin:0;padding:0;box-sizing:border-box}
html,body{background:var(--bg-deep);color:var(--texto-primario);font-family:var(--font-sans);font-weight:var(--peso-light);letter-spacing:-0.01em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
a{color:var(--gold-400);text-decoration:none;transition:color var(--transicao-rapida)}
a:hover{color:var(--gold-300);text-decoration:underline;text-underline-offset:3px}
::selection{background:var(--gold-soft);color:var(--creme)}
/* Instrument Serif ships at 400 only. Never let a heading, a <strong> or a <b> synthesise
   a bold weight from it, faux-bold destroys the display face. Use size or the gold italic
   for emphasis instead. */
.tema-claro em,em{font-synthesis-weight:none}
[style*="--font-serif-display"],h1,h2,h3,h4{font-synthesis-weight:none}
@keyframes brightPulse{0%,100%{box-shadow:0 0 0 0 rgba(160,142,95,0.35)}50%{box-shadow:0 0 0 8px rgba(160,142,95,0)}}
@keyframes brightFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}