/* ══════════ Golden Bear Capital · shared tokens ══════════
   Same palette and type across every direction.
   Only the layout changes between versions.            */
:root{
  --bg:#0b0b0a; --bg-2:#0f0f0e; --bg-card:#141413; --bg-hv:#1c1c1b;
  /* --fg-3 era #5a5a55: ~2,6:1 su --bg, sotto la soglia AA (4,5:1) per il testo
     piccolo che lo usa (tagline, etichette, piede, navigazione). #7c7c74 sta a ~4,6:1
     e mantiene lo stesso tono spento. Per tornare indietro: rimetti #5a5a55. */
  --fg:#ecebe6; --fg-2:#9a9a93; --fg-3:#7c7c74;
  --line-0:#2e2e2b; --line-1:#1c1c1a; --line-2:#232320;
  --amber:#FDB900;
  --gold:#D4A937;
  --up:#3DB84A; --dn:#C83038;
  --serif:"Instrument Serif",Georgia,serif;
  --ui:"Inter",system-ui,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--ui);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--gold);text-decoration:none}
a:hover{color:var(--amber)}
img{max-width:100%;display:block}
p{margin:0;text-wrap:pretty}
h1,h2,h3,h4{margin:0;font-weight:400;letter-spacing:-0.015em;line-height:1.06;font-family:var(--serif)}
.mono{font-family:var(--mono)}
.amber{color:var(--amber)}
.gold{color:var(--gold)}