/* ═══ ROYAL GOLD THEME OVERRIDE — matches welcome.html ═══ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800;900&family=Space+Mono:wght@400;700&display=swap');
:root{
  --bg:#050505 !important; --bg2:#0a0a0a !important; --bg3:#111111 !important; --bg4:#161616 !important;
  --gold:#d4a843 !important; --am:#d4a843 !important; --accent:#d4a843 !important;
  --gold-shine:#f5d97a; --gold-mid:#d4a030; --gold-deep:#7a5010;
  --b:rgba(212,168,67,.18) !important;
  --tx:#ffffff !important; --tx1:#ffffff !important;
}
body{font-family:'Outfit',sans-serif !important; background:#050505 !important;}
/* mono numerals stay mono, but the royal one */
code, pre, .num, [class*="mono"], .idx-val, .tick-val, .stat-val{font-family:'Space Mono',monospace !important;}
/* brand-accent surfaces -> metallic gold gradient */
.gold-text, .grad-title, h1 .accent{
  background:linear-gradient(135deg,#f5d97a 0%,#d4a030 45%,#7a5010 75%,#f5d97a 100%);
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
/* cards & panels: pure black with gold hairline */
.card, .panel, .idx-card, .stat-card, [class*="card"]{
  background:#0a0a0a !important; border-color:rgba(212,168,67,.18) !important;
}
/* header/subnav bars align to pure black */
#ptShellHeader > div, .uc-subnav{background:#050505 !important; border-color:rgba(212,168,67,.18) !important;}
/* ─ coverage for research/snapshot/compare-stocks variable names ─ */
:root{
  --am-rgb:212,168,67 !important;           /* gold glows instead of amber */
  --surface:#0a0a0a !important; --card:#0f0f0f !important; --border:rgba(212,168,67,.2) !important;
  --f:'Outfit',sans-serif !important; --fm:'Space Mono',monospace !important;
}
/* compare-stocks hardcodes body bg + Sora; force both */
body{color:#fff !important;}
.serif{font-family:'Outfit',sans-serif !important;}