/* ==========================================================================
   Triad Global Real Estate — 2026 dark-premium override (shared)
   Loaded after each page's inline CSS. Remaps tokens + surfaces so layouts
   stay intact. Brand: navy #1f3a5e · green #2d6a4f · gold #c9a14a.
   ========================================================================== */
:root{
  --bg:#0a0f1a; --paper:#0f1626; --cream:#0f1626; --cream-d:rgba(255,255,255,.08);
  --line:rgba(255,255,255,.10); --line-2:rgba(255,255,255,.06);
  --ink:#eef2f9; --ink-2:#c7d0e0; --slate:#a9b5c8; --mute:#8a97ad;
  --navy-text:#a9c2e6; --gold-2:#e0be6e; --surface:#0f1626; --surface-2:#121a2c;
  --panel:#0f1626; --bg-2:#0b1220;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px rgba(0,0,0,.45);
}
html{overflow-x:hidden;scroll-padding-top:84px;}
body{background:var(--bg)!important;color:var(--ink);overflow-x:hidden;}
h1,h2,h3,h4{color:#fff;}
a{color:var(--gold);}
/* surfaces that were white/cream */
[style*="var(--surface)"]{border-color:var(--line);}
.card,.tile,.box,.panel,.stat,.post,.metric,.faq,.thumb,.shot,.specs,.field,.pre{background:linear-gradient(180deg,var(--surface),var(--bg-2));border-color:var(--line);color:var(--ink-2);}
.card:hover,.tile:hover,.post:hover{border-color:rgba(201,161,74,.45);box-shadow:0 22px 54px rgba(0,0,0,.45);}
.pill{background:rgba(255,255,255,.04);border-color:var(--line);color:var(--ink-2);}
.pill.on,.pill.active{background:var(--gold);color:#0a0f1a;border-color:var(--gold);}
.eyebrow,.section-label{color:var(--gold);}
.disc,.sub,.mute,.l{color:var(--mute);}
.v,.n{color:#fff;}
/* nav */
.top{background:rgba(10,15,26,.74)!important;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);}
.top .brand *,.brand .word{color:#fff;}
.top .links a{color:var(--mute);} .top .links a:hover{color:#fff;}
.cta,.btn-primary,.btn.primary,button.cta{background:linear-gradient(180deg,var(--gold-2),var(--gold))!important;color:#0a0f1a!important;border-color:var(--gold)!important;font-weight:700;border-radius:10px;}
.cta:hover,.btn-primary:hover{box-shadow:0 12px 30px rgba(201,161,74,.3);transform:translateY(-2px);}
.btn,.btn-ghost,.btn-outline{color:#fff;border-color:var(--line);background:transparent;}
.btn:hover{border-color:rgba(201,161,74,.5);}
/* forms */
input,select,textarea,.inp{background:rgba(0,0,0,.28)!important;color:#fff!important;border:1px solid var(--line)!important;border-radius:9px;}
input::placeholder,textarea::placeholder{color:var(--mute);}
input:focus,select:focus,textarea:focus,.inp:focus{outline:none;border-color:var(--gold)!important;}
label,.f label{color:var(--mute);}
/* footer */
footer{background:#070b13;color:var(--mute);border-top:1px solid var(--line);}
footer a{color:var(--ink-2);} footer a:hover{color:var(--gold);}
/* hero / sections */
.hero{background:radial-gradient(80% 70% at 72% 0%,rgba(45,106,79,.18),transparent 60%),radial-gradient(80% 70% at 6% 14%,rgba(31,58,94,.5),transparent 62%),var(--bg)!important;}
section,.wrap{border-color:var(--line);}
hr{border-color:var(--line);}
table th{background:var(--surface-2);color:#fff;} table td{border-color:var(--line);color:var(--ink-2);}
/* leaflet map (deals) — dark frame */
.leaflet-container{background:#0b1220;filter:saturate(.85) brightness(.9);}
.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:var(--surface);color:var(--ink);border:1px solid var(--line);}
/* faceted texture on alternating sections */
.alt,section.alt{position:relative;background:linear-gradient(180deg,#0b1220,#0a0f1a);}
/* brand rule */
#tg-brandline,.brandline{background:linear-gradient(90deg,var(--navy),var(--green) 52%,var(--gold));}
/* heading + eyebrow contrast overrides (beat page-level specificity) */
h1,h2,.hero h1,.hero h2{color:#fff!important;}
h3,h4{color:#fff;}
.eyebrow,.hero .eyebrow,.section-label{color:var(--gold)!important;}
blockquote,.quote,.pull{color:var(--ink-2);}
.btn.primary,.btn.gold{background:linear-gradient(180deg,var(--gold-2),var(--gold))!important;color:#0a0f1a!important;border-color:var(--gold)!important;}
.hero .pill{color:var(--ink-2);}
/* analyzer: verdict-on-gold reads dark; gauge + metric numbers read light */
.verdict.mid,.verdict.mid *{color:#0a0f1a!important;}
.verdict.good,.verdict.good *,.verdict.bad,.verdict.bad *{color:#fff!important;}
.gauge .track{stroke:rgba(255,255,255,.12)!important;}
.gauge text,.gauge .gnum,.gauge-num{fill:#fff!important;color:#fff!important;}
.m-v{color:#fff;} .m-v.good,.metric.good .m-v{color:#6fbf94;} .m-v.bad,.metric.bad .m-v{color:#ff8a80;}
.metric .m-l,.m-l{color:var(--mute);}
/* social card: .cta is a flex row, not a button */
.card .cta{background:none!important;color:inherit!important;border:0!important;box-shadow:none;transform:none;}