/* IA con Rodrigo · shared vintage brand for the static pages (Biblioteca de skills, Brand City, guides).
   Near-white paper (#F9FAF5), ink black, Garamond headlines set tight like 80s print ads, Franklin Gothic for UI. */
:root{
  --bg:#f9faf5 !important; --page:#f9faf5 !important; --paper:#fdfdfa !important; --surface:#fdfdfa !important;
  --fg:#16130F !important; --ink:#1C1813 !important; --muted:#4D463C !important;
  --line:rgba(22,19,15,.16) !important; --line-soft:rgba(22,19,15,.07) !important;
  --accent:#C47C5D !important; --accent-ink:#9C5536 !important; --accent-line:#C47C5D !important; --accent-soft:rgba(196,124,93,.10) !important;
  --serif:"EB Garamond",Garamond,"Times New Roman",serif !important;
  --sans:"Libre Franklin","Franklin Gothic Medium",Arial,sans-serif !important;
}
html,body{background-color:var(--bg)}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.025em}
h1{letter-spacing:-.035em;line-height:.95}
/* Paper grain over everything, never catches clicks */
body::after{content:"";position:fixed;inset:0;pointer-events:none;z-index:2147483000;opacity:.1;mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .3 0 0 0 0 .3 0 0 0 0 .28 0 0 0 .45 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}