@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,340..560;1,9..144,340..520&family=Newsreader:ital,opsz,wght@0,6..72,320..560;1,6..72,340..460&family=Inter:wght@400;500;600;700&display=swap');

/* ===========================================================
   BACE — camada de identidade cartesiana para o blog.
   Carregada DEPOIS do <style> inline de cada post: remapeia a
   paleta (via variáveis) e a tipografia, preservando os
   componentes próprios de cada artigo.
   =========================================================== */
:root{
  --black:#14151f;      /* placas escuras (header, cta, footer) */
  --text:#1a1c2b;       /* tinta */
  --muted:#6f6a60;
  --border:#e5ddcd;
  --bg:#fbf8f2;         /* papel */
  --bg-soft:#f4efe4;
  --blue:#284594;
  --ochre:#a76a24;
  --ochre-lt:#c79a5e;
  --on-ink:#f3efe6;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --textserif:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Inter",-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
}
html{ -webkit-text-size-adjust:100%; }
body{ font-family:var(--textserif) !important; background:var(--bg) !important; color:#34333a !important; }

/* NAV → papel */
.nav{ background:rgba(251,248,242,.92) !important; border-bottom:1px solid var(--border) !important; -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px); }
.nav-logo{ color:var(--text) !important; font-family:var(--serif) !important; font-weight:500 !important; font-size:19px !important; letter-spacing:.005em !important; }
.nav-back{ color:var(--muted) !important; font-family:var(--sans) !important; font-weight:500 !important; }
.nav-back:hover{ color:var(--blue) !important; }

/* HEADER (placa de tinta) */
.post-header{ background:var(--black) !important; }
.post-tag{ color:var(--ochre-lt) !important; font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:.15em !important; }
.post-title{ font-family:var(--serif) !important; font-weight:460 !important; letter-spacing:-.02em !important; color:var(--on-ink) !important; line-height:1.06 !important; }
.post-meta{ color:rgba(240,236,226,.55) !important; font-family:var(--sans) !important; }

/* CORPO (papel, editorial) */
.post-body{ font-family:var(--textserif) !important; color:#34333a !important; font-size:18.5px !important; line-height:1.8 !important; }
.post-body h2{ font-family:var(--serif) !important; font-weight:470 !important; letter-spacing:-.015em !important; color:var(--text) !important; }
.post-body strong{ color:var(--text) !important; font-weight:600 !important; }
.post-body em{ color:var(--muted) !important; }
.post-body blockquote{ font-family:var(--serif) !important; font-style:italic !important; border-left:3px solid var(--blue) !important; color:var(--text) !important; }
.post-body a{ color:var(--blue) !important; text-decoration:underline; text-underline-offset:2px; }

/* componentes recorrentes → acento cartesiano */
.highlight-box{ border:1px solid var(--border) !important; border-left:3px solid var(--blue) !important; background:var(--bg-soft) !important; border-radius:0 4px 4px 0 !important; }
.highlight-box strong{ font-family:var(--sans) !important; color:var(--muted) !important; letter-spacing:.1em !important; }
.q-icon,.step-num,.func-icon,.check-icon{ font-family:var(--serif) !important; color:var(--ochre) !important; }
.q-content strong,.step-content strong{ font-family:var(--sans) !important; color:var(--text) !important; }
.formula-value{ font-family:var(--serif) !important; color:var(--blue) !important; }
.col-card,.two-col > *{ border-radius:4px !important; }

/* CTA (placa de tinta) */
.post-cta{ background:var(--black) !important; border-radius:4px !important; }
.post-cta-label{ color:var(--ochre-lt) !important; font-family:var(--sans) !important; font-weight:600 !important; letter-spacing:.14em !important; }
.post-cta-title{ font-family:var(--serif) !important; font-weight:450 !important; letter-spacing:-.02em !important; color:var(--on-ink) !important; }
.post-cta-desc{ color:rgba(240,236,226,.55) !important; }
.post-cta-btn{ background:var(--on-ink) !important; color:var(--black) !important; font-family:var(--sans) !important; font-weight:600 !important; border-radius:2px !important; }

/* autor + footer */
.author-box{ border-top:1px solid var(--border) !important; }
.author-avatar{ background:var(--bg-soft) !important; border:1px solid var(--border) !important; color:var(--ochre) !important; font-family:var(--serif) !important; }
.author-name{ font-family:var(--sans) !important; color:var(--text) !important; }
.author-bio{ color:var(--muted) !important; }
footer{ background:var(--black) !important; border-top:1px solid rgba(240,236,226,.12) !important; }
.footer-brand{ font-family:var(--serif) !important; font-weight:500 !important; color:var(--on-ink) !important; }
.footer-links a{ color:rgba(240,236,226,.5) !important; font-family:var(--sans) !important; }
.footer-links a:hover{ color:var(--on-ink) !important; }